jquery选项卡最后一个元素缩放

Question

我在jQuery应用程序中发现了一个微妙的错误。

<div id="tabs">
    <ul>
    <li><a href="#tabs-1">Area 1</a></li>
    </ul>
    <div id="tabs-1">
        <button id="measure_north" class="languageClass" style="width:100%">Measure North Fw/Dam</button>
        <table class="accordion_table" id="table_measure_north" align="left" style="width:100%">
        </table>
        /* mythical bug here */
        <p>test</p>
    </div>
    </div>

基本上我有包含按钮的jquery选项卡。这些按钮在点击（打开）时打开（它们下面有桌子）。所有按钮都具有相同的功能。

每个打开的按钮都会相应地缩放tabcontainer，但最后一个按钮除外。打开最后一个按钮将导致表格超出tabcontainer的边框。

现在出现了问题：如果我在最后一个按钮下方添加一行（如上面的代码中所做的那样<p>test</p>），打开最后一个按钮将导致tabcontainer再次正确缩放。

这是一个显示想要结果的jsfiddle： correct jsfiddle

和显示问题的jsfiddle： wrong jsfiddle （删除测试段落以查看错误）

我猜jQuery tabcontainer会根据元素的移动重新调整它们的大小。如果最后一个按钮是最后一个按钮，则单击它们时它们将不会移动，因此不会进行任何调整。

这是正确的理由吗？如果这是一个错误或故意？是否有修复（不仅仅是解决方法）？

现在我可以用空行修复它，但那很快又很脏。