выберите элемент перетекает со страницы в Firefox

Question

У меня есть элемент выбора на правой стороне веб-страницы в хроме раскрывающийся открывается, так что не получает обрезаны на стороне страницы в FF он делает ..

Я хочу, чтобы FF действовал как Chrome

любые идеи?

проверить его здесь, http://codepen.io/igalt/pen/Iklxp

10x! Igal

Answer 1

В Firefox (я использую v20) выпадающее положение расположено вверху/слева внизу/слева от вашего <select>, а Chrome устанавливает верхний/правый верхний/правый выбор, выше <select>.

Плюс, Firefox использует унаследованную ширину (только один FF, а не тот, который вы установили) <select>, чтобы установить ширину раскрывающегося списка: таким образом, она переполнена за пределами окна.

Боюсь, вы не можете изменить способ размещения браузера своего родного выпадающего списка (я лично не знаю, как это сделать);

Таким образом, вы могли бы:

• Создайте свой собственный блок выбора, используя ul и li, чтобы получить полный контроль над выпадающим списком,
• Удалить width свойства на ваш выбор, так что FF не переполнится больше.