Skip to main content

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

Milestone 1.2.4 deleted

Changed May 24, 2008 07:25PM UTC by paul comment:2

component: ui.coreui.tabs
version: 1.2.31.5b4

Changed May 24, 2008 09:59PM UTC by paul comment:3

owner: paulklaus.hartl
status: newassigned

Changed June 09, 2008 01:32AM UTC by klaus.hartl comment:4

resolution: → invalid
status: assignedclosed