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

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

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

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

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

благодаря

1 ответ

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

licensed under cc by-sa 3.0 with attribution.