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

[jnguyen]

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.

[jnguyen]

images

[bill]

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.

[bill]

Closing because we have workaround and no test case.