Search and Top Navigation
#2878 closed bug (notabug)
Opened May 15, 2008 11:28PM UTC
Closed June 09, 2008 01:32AM UTC
CSS RTL tab compatibility
| Reported by: | nlaslett | Owned by: | klaus.hartl |
|---|---|---|---|
| Priority: | minor | Milestone: | |
| Component: | ui.tabs | Version: | 1.5b4 |
| Keywords: | css rtl tabs | Cc: | |
| Blocked by: | Blocking: |
Description
When operating in a right-to-left environment (direction: rtl), the selected tab (.ui-tabs-selected a) does not display correctly with "position: absolute" in place. This is consistent across IE7, Firefox, and Safari.
Specifically, the A tag displays, but the child SPAN tag does not; it seems to be somewhere else (unseen) on the page. This renders just the right stub of the tab image, but not the full image nor the text.
Removing "position: absolute" from the ".ui-tabs-selected a" selector seems to fix the problem. The only downside is that both "top" and "z-index" also become inoperable, and the selected tab now displays 1px higher, which also reveals the panel top boundary line.
Unselected tabs do not display this problem.
I am using jQuery UI 1.5b4 with the standard ui.tabs.css and ui.tabs.js.
Neil
Attachments (0)
Change History (4)
Changed May 24, 2008 03:39AM UTC by comment:1
| milestone: | 1.2.4 |
|---|
Changed May 24, 2008 07:25PM UTC by comment:2
| component: | ui.core → ui.tabs |
|---|---|
| version: | 1.2.3 → 1.5b4 |
Changed May 24, 2008 09:59PM UTC by comment:3
| owner: | paul → klaus.hartl |
|---|---|
| status: | new → assigned |
Changed June 09, 2008 01:32AM UTC by comment:4
| resolution: | → invalid |
|---|---|
| status: | assigned → closed |
Milestone 1.2.4 deleted