title: Dijit Tabcontainer inside a custom widget-Tablist width runs too long
body: <p>I have a templated custom widget that inherits from dijit.layout._LayoutWidget, dijit._Container, and dijit._Templated which gives my widget native Widget support for resizing, etc. All I need is a TabContainer, which is sized to the size of widget. Here is my widget.</p>
  
  <pre><code>&lt;div dojoAttachPoint="containerNode"&gt;
      &lt;div dojoType="dijit.layout.TabContainer" tabPosition="top" style="width:100%;height:100%" &gt;
      &lt;div dojoType="dijit.layout.ContentPane" title="tab" selected="true"&gt;
      hello
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Everything looks fine but I get a weird TabList.<img src="https://i.stack.imgur.com/OwDHA.png" alt="This is what I get!"></p>
  
  <p>I looked into the problem. All the pieces of the widget and TabContainer have the correct width and height values. Only The tablist has a loooong width (50'000 something pixels wide): I have read about similar issues such as this one: <a href="http://bugs.dojotoolkit.org/ticket/10495" rel="nofollow noreferrer">http://bugs.dojotoolkit.org/ticket/10495</a>, but in my case all the elements have correct width and length. I have no idea how does tablist get this long width.</p>
  
  <p>I have also tried many ways of adding and removing style="width:100%;height:100;" for the parent container and its parents. But none of the configurations fixed the problem.</p>
  
  <p>Is there a way to fix this problem?</p>