Some of my contributed modules (specifically Content Access and Conditional Fields) have inserted items into the overlay menu. As you can see in the attached screenshot, the tabs are now extending past the left edge of the overlay. And because there's no horizontal scroll, those tabs which extend past the edge of the overlay are now unusable.
I'm seeing this in both Firefox 6 and IE 9 on Windows 7.
I've found that if I maximize my browser window I can see all the tabs, but that's not an ideal solution -- if another module insert an item into the menu I'll be back to square one.
| Comment | File | Size | Author |
|---|---|---|---|
| #1 | screencap_seven-tabs.jpg | 159.81 KB | Anonymous (not verified) |
| disappearing tabs.png | 5.66 KB | jesss |
Comments
Comment #1
Anonymous (not verified) commentedI can confirm what you're seeing in the overlay (which is what you've screen-captured above), as well as in the Seven theme. In both cases, the tabs stay aligned on the right side of the content area and push beyond the left border of the screen as the window gets smaller (see attachment).
I installed the content_access and conditional_fields modules, and the issue occurs on the 'edit' form for a content type. I'm using the Chrome browser, but I think in this case browser doesn't matter.
I also tested the Bartik theme, which stacks the tabs as opposed to pushing them off the screen.
I'll create a new ticket for the overlay, which is a similar but separate issue.
Comment #2
droplet commented#1308746: Overlay tabs run off the page
Comment #3
yoroy commentedYou can fix the non-wrapping part, but that doesn't help us create a good user interface.
It's a given that tabs are problematic and yes, that's for core to fix, but the current pattern simply allows only for 1 handful of links, not 2 hands and so maybe we can work on other ways to link to these module's setting pages. I started #1309076: Thinking about where settings pages live for discussion.
Comment #4
lewisnymanWe've been working on a new design for tabs and the overlay in #1490402: Redesign tabs and the content header #1953374: Implement Seven style guide for core overlay
The new designs automatically switch between horizontal and stacked depending on the amount of available space which fixes the problem reported here.