TabContainer render too wide when use relative width

[lingerer]

I'm tring upgrade my code from 1.3.2 to 1.4 and found my TabContainer became very wide. Here's my code:

<table width="98%" align="center">
	<tr>
		<td>
		<div id="too long"
			dojoType="dijit.layout.TabContainer" doLayout="false"
			style="width: 100%; font-size: 9pt; text-align: left"
			class="bottomtab">
		<div dojoType="dijit.layout.ContentPane" title="test" >
			<b>test</b>
		</div>

		</div>
		</td>
	</tr>
</table>

The render result like this:

<div class="nowrapTabStrip dijitTabContainerTop-tabs dijitTabNoLayout" role="tablist" style="width: 50200px;" dojoAttachEvent="onkeypress:onkeypress" dojoAttachPoint="containerNode" wairole="tablist">

[bill]

This is a common complaint. The problem is that you set width: 100% on your TabContainer. 100% of what width? The table's width? But the table determines it's width by how big it's contents are. If you want the table to be 98% the width of the viewport then try style="width: 98%".

[lingerer]

I don't think it is a invalid one. 1.This code works fine in 1.3 2.It still display extreme wide if I delete the width:100% in the TabContainer? widget class. 3.setting style="width:98%" in table won't work for this

[bill]

If you want the 1.3 behavior you can specify controllerWidget=""dijit.layout.TabController?". That will turn off the scrolling tabs, which is what causes the width issue.

Otherwise, when sticking a TabContainer inside of a table, you need to specify a width in pixels or ems, not in percent.

[Rob Retchless]

This is a duplicate of #10113, and it's definitely a bug. Cross-posting here for clarity, and to let @lingerer know you're not crazy. :)