Opened 9 years ago

Closed 9 years ago

#11920 closed defect (wontfix)

TabContainer 1.4.3 tab title do not show up when dir=rtl for IE browser

Reported by: jnguyen Owned by:
Priority: high Milestone: tbd
Component: Dijit Version: 1.4.3
Keywords: tabcontainer title dir=rtl bidi Cc:
Blocked By: Blocking:

Description (last modified by bill)

I have a TabContainer defined below and the tab title do not show up when running Arabic locale on IE7 & IE8. It is fine on FF.

<div dojoType="dijit.layout.TabContainer" id="mainTabContainer" doLayout="false" tabStrip="true" controllerWidget="dijit.layout.TabController" tabPosition="top">
   <div dojoType="dijit.layout.ContentPane" id="HealthContentPane" style="padding:10px;height:100%;" title="Health" >
   ...
   </div>
</div>

I even try to set the title via addOnLoad() like this: dijit.byId("HealthContentPane").attr("title", "test");

and it does not work. If you interrogate the dom node in IE developer, you'll see a value for title. Please see the attached images.

Attachments (1)

tabs.zip (152.8 KB) - added by jnguyen 9 years ago.
images

Download all attachments as: .zip

Change History (4)

Changed 9 years ago by jnguyen

Attachment: tabs.zip added

images

comment:1 Changed 9 years ago by Adam Peller

Component: GeneralDijit
Description: modified (diff)
Keywords: bidi added
Owner: anonymous deleted

comment:2 Changed 9 years ago by bill

Description: modified (diff)
Priority: highnormal

I looked at the actual site having this problem, and I can see how the <span class="tabLabel"> has a weird offsetLeft, pushing the text out of view. It's just some IE bug. I think it can be worked around via

.dj_ie .tabLabel {
    direction: ltr !important;
}

but I'd rather not add in that code unless I have a self contained test case, to see how large this problem is. Note that the plain test_TabContainer.html?dir=rtl is working fine, so there's something special about the real site that's triggering this IE bug.

Changing direction to ltr could conceivably have an unwanted side effect for a tab label containing both RTL and LTR characters, but I don't see that being a big issue in practice.

comment:3 Changed 9 years ago by bill

Resolution: wontfix
Status: newclosed

Closing because we have workaround and no test case.

Note: See TracTickets for help on using tickets.