Opened 11 years ago

Last modified 11 years ago

#12332 closed defect

TabContainer renders incorrectly if theme class added to body programmatically — at Initial Version

Reported by: haniaa Owned by:
Priority: high Milestone: tbd
Component: Dijit Version: 1.6.0b1
Keywords: tabcontainer Cc:
Blocked By: Blocking:

Description

If the theme class (ie. 'class="claro"') is added to body tag programmatically rather than in the markup, the tabs don't render properly once the page loads. As soon as the browser is resized at all, or resize() is called, they will render correctly.

This is true across all browsers I tested (FF3.6, FF4b11, IE8, IE9b1, Safari; also Opera & Chrome), as well as all of the Dojo versions 1.4, 1.5, and 1.6b2. It is the same problem for Claro and Tundra (I didn't try any others).

Please see the attached screenshot for a picture of how the tabs load initially, as well as a test case. The test case is based on the TabContainer? declarative example at http://dojotoolkit.org/reference-guide/dijit/layout/TabContainer.html. The only difference is that I removed the 'class="claro"' from the body tag, and instead added the following:

<script type="text/javascript">

dojo.addOnLoad(function() {

dojo.addClass(dojo.body(),"claro");

});

</script>

Change History (2)

Changed 11 years ago by haniaa

Attachment: tabContainer.html added

Test case

Changed 11 years ago by haniaa

Attachment: tabContainerProblem.png added

screenshot

Note: See TracTickets for help on using tickets.