HTML: Гугл хром обрезает строку в селекте.

Веб-мастеринг

18.04.16

✎

10:08

Вот пример для Google Chrome:

https://jsfiddle.net/2mt2scwk/4/

Прокручиваем скроллинг вправо, текст обрезан. Как исправить ситуацию?

Не пользоваться глючными браузерами не предлагать.

1 D_Pavel

18.04.16

✎

10:38

2 v_adigeev

18.04.16

✎

11:21

Текст обрезается только у активного элемента.
Как я понимаю такой вариант (https://jsfiddle.net/2mt2scwk/4/) - не вариант.
"size=2" - обязательный атрибут?
Если в проекте есть jQuery - можете использовать Select2(https://select2.github.io). Огромный выбор возможностей.

3 D_Pavel

18.04.16

✎

11:26

(2) Ты дал ссылку на мой вариант. Не сохранил свой.

"size=2" - обязательный атрибут, поэтому я его и указал в примере. На самом деле там размер не 2, а 30 должен быть, но на ошибку это е влияет.

4 D_Pavel

18.04.16

✎

11:27

(2) Select2 - это сильно усложнит страничку. Не красиво так делать ради одной мелочи.

5 v_adigeev

18.04.16

✎

11:28

https://jsfiddle.net/k63w5spf/

если так?

6 Gary417

18.04.16

✎

11:30

(0) <Не пользоваться глючными браузерами не предлагать.>

любопытно что в ффоксе скролла вообще нет

7 v_adigeev

18.04.16

✎

11:32

(6) ФФокс - тру. Только уж очень не поворотлив стал

8 Gary417

18.04.16

✎

11:32

(7) да хром тоже уже давно не показатель быстроты и лёгкости

9 D_Pavel

18.04.16

✎

11:34

(5) Не пойдет. Пропал скролл по горизонтали.

10 v_adigeev

18.04.16

✎

11:34

(9) в ффоксе его нету

11 D_Pavel

18.04.16

✎

11:35

(10) Внимательно читаем вопрос (0). О ффоксе не было ни слова.

12 v_adigeev

18.04.16

✎

11:40

(11) "Не пользоваться глючными браузерами не предлагать." - я подумал должно работать во всех

первый вариант(который не сохранился)
https://jsfiddle.net/aL0yk1Ln/

13 D_Pavel

18.04.16

✎

12:01

(12) Это как раз означало что не во всех должно работать. Только в хроме.

Вариант хороший, с недостатком что нужно править HTML, одними средствами стилей не обойтись.
Спасибо за ответы. Если ничего лучше не придумать, темку можно закрыть.

14 v_adigeev

18.04.16

✎

12:01

вот ещё
https://jsfiddle.net/qku7p4o1/
тут надо size рассчитывать.

15 v_adigeev

18.04.16

✎

12:03

для FF не подходит

16 D_Pavel

18.04.16

✎

19:58

(14) Принцип как в предыдущем варианте. Я такой вариант уже доработал и применил на сайте. Спасибо