Opened 8 years ago
Closed 8 years ago
#14091 closed defect (invalid)
Tab controls displayed when it should not be
| Reported by: | jesus.crysist | Owned by: | |
|---|---|---|---|
| Priority: | high | Milestone: | tbd |
| Component: | Dijit | Version: | 1.6.1 |
| Keywords: | Cc: | [email protected]… | |
| Blocked By: | Blocking: |
Description
After styling the tabs, in FF 7, Ubuntu 11.04, I get control buttons (left, right and down arrows) on the left and right of the tabs (screenshot 1). This is an issue when using v1.6.1. When I switch to 1.7.05b, I get empty space where those controls should be (screenshot 2) and it disappears after resizing container (using splitter on BC parent).
Attachments (3)
Change History (6)
Changed 8 years ago by
| Attachment: | Screenshot 1.png added |
|---|
comment:1 Changed 8 years ago by
You'll need to attach a test case (a self contained HTML file that reproduces the problem).
comment:2 Changed 8 years ago by
I included HTML, theme's CSS and image files in tar.gz archive. Also I saw that the bug reproduced on Chrome.
comment:3 Changed 8 years ago by
| Resolution: | → invalid |
|---|---|
| Status: | new → closed |
Thanks for the testcase.
To solve your issue is, set controllerWidget="dijit.layout.TabController" on your TabContainer.
The cause of the problem: you've apparently got some custom CSS that makes those tab labels expand to (just over) 100% of the available width. When that happens the ScrollingTabController code sticks in scroll buttons. So I think this is technically not a bug.
v 1.6.1