Opened 10 years ago
Closed 10 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 )
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)
Change History (4)
Changed 10 years ago by
comment:1 Changed 10 years ago by
Component: | General → Dijit |
---|---|
Description: | modified (diff) |
Keywords: | bidi added |
Owner: | anonymous deleted |
comment:2 Changed 10 years ago by
Description: | modified (diff) |
---|---|
Priority: | high → normal |
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 10 years ago by
Resolution: | → wontfix |
---|---|
Status: | new → closed |
Closing because we have workaround and no test case.
images