Tabs / ContentPanes being created with class dijitHidden. As such they are not being displayed

[jbrinnand]

It has been narrowed down to this sequence of actions: Add a tab container to a content pane. Start up the content pane and resize it. Do not start the tab container. Now add a child to the tab container. Startup the tab container. Here is the result:

<div id="cp9" class="dijitContentPane dijitTabPane dijitTabContainerTop-child dijitTabContainerTop-dijitContentPane dijitHidden" title="" role="group" style="overflow: hidden;" widgetid="cp9">

If the first content pane - the one containing the tab container - is not resized() the problem does not occur. Also - if the tab container is started immediately after the resize and prior to any child being added, the problem does not occur. Now the argument might be that I am using the toolkit erroneously. But I haven't found any contra-indicator to this sequence. Of course I might have missed it. Trouble is this worked all the way up to 1.7 - when it suddenly failed. Anyway - in this use case and this wire-up sequence - the issue disappears if the tab container is started up prior to any child being added.

[jbrinnand]

The problem also goes away if the content pane is not started or resized. And this mirrors the example in http://dojotoolkit.org/reference-guide/dijit/layout/TabContainer.html

[bill]

The problem was in the user code, because it was doing:

parent.containerNode.appendChild (borderContainer.domNode);

That's not a valid way to make one widget a child of another. Since container0 is a ContentPane you should call:

container0.set("content", borderContainer);