data-dojo-type doesn't load dijit.layout.TabContainer

[jturo]

I found a small bug or maybe there's a new property requirement for the tabContainer i'm not aware of. dojo wont parse tab containers using the "data-dojo-type" attribute.

<!-- WILL WORK -->
<div style="width: 350px; height: 300px">
  <div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My first tab',selected:true">
      Lorem ipsum and all around...
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My second tab'">
      Lorem ipsum and all around - second...
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My last tab',closable:true">
      Lorem ipsum and all around - last...
    </div>
  </div>
</div>

<!-- WILL NOT WORK -->
<div style="width: 350px; height: 300px">
  <div data-dojo-type="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My first tab',selected:true">
      Lorem ipsum and all around...
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My second tab'">
      Lorem ipsum and all around - second...
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'My last tab',closable:true">
      Lorem ipsum and all around - last...
    </div>
  </div>
</div>

[dante]

my guess is it is working fine. There are a couple small differences in your "will/won't work" examples. In the first, you set style="width:100%...." in a containing node of 350x300. In the second you have style="width:350px" ... BUT the parser isn't picking up the style="" attribute, it doesn't look at ANY node attributes when you use data-dojo-type path. Set the style property IN a data-dojo-props bag, and it will likely work.

please report back, I believe we can close this ticket as invalid.