Вкладка 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, которые содержат кнопки. Эти кнопки открываются (под ними есть таблицы) при щелчках (переключение). Все кнопки имеют одинаковую функциональность.

Каждая открывающаяся кнопка соответственно масштабирует контейнер вкладок, кроме последней кнопки. Открытие последней кнопки приведет к появлению таблицы, которая выходит за границы вкладки.

И теперь возникает загвоздка: если я добавлю строку под последней кнопкой (как <p>test</p> как сделано в приведенном выше коде) открытие последней кнопки приведет к правильному масштабированию tabcontainer снова.

Вот jsfiddle, который показывает желаемый результат: правильный jsfiddle

и jsfiddle, который показывает проблему: неправильный jsfiddle ( удалите тестовый параграф, чтобы увидеть ошибку)

Я предполагаю, что jQuery tabcontainer перенастраивает их размер в зависимости от того, перемещается ли элемент. Если последняя кнопка является последним объектом, они не будут перемещаться, если на них нажать, и, следовательно, никакие настройки не будут выполнены.

Это правильная причина? Если это так, то это ошибка или умышленное? Есть ли исправление (не просто обходной путь)?

Сейчас я могу исправить это пустой строкой, но это быстро и грязно.