Границы смещены после расширения переключателя JQueryUI только в Chrome

Question

У меня есть несколько скрытых элементов управления. При нажатии кнопки «Параметры» элементы управления отображаются в раскрывающемся списке с рамкой. В Chrome, когда окно развернуто, похоже, что левая граница выдвигает правую границу из-за выравнивания с кнопкой. Выпадающий список выглядит так: См. http://jsfiddle.net/Qs2zp/ для кода для этого примера.

Если я уберу левую границу, правая граница станет на свое место См. http://jsfiddle.net/Qs2zp/1/ для примера без левой границы.

Я не могу воспроизвести эту проблему в Firefox или IE.

Кто-нибудь еще видел что-то подобное раньше?

Спасибо

Answer 1

это приемлемо? CSS я добавил в #controls-title и .options-dropdown-expanded. Я в основном установил левый отступ в строке заголовка, который удаляется при раскрытии раскрывающегося списка, чтобы левая граница не смещала строку заголовка вправо при ее появлении. Я также установил правое поле -2px, когда раскрывающийся список раскрыт, чтобы правая граница появлялась, а не выступала.