Почему option вылезает за рамки экрана?

Question

[Даниил Бакунин]

Всё в порядке, пока экран десктопного или мобильного разрешения. На планшетах - option начинает вылезать за рамки экрана. Как повлиять на него с помощью ТОЛЬКО CSS? Без js

Comments

[Сергей delphinpro]

на планшетах и мобилах селекты вообще по-другому выглядят открытыми.

[Kvason]

Сергей delphinpro, имеется в виду не устройство, а разрешение, на каких-нибудь нетбуках все поедет

[Сергей delphinpro]

Kvason, откройте инспектор кода, снимайте галочки со всех стилей, относящихся к селекту. Так сможете определить, что именно у вас косячит.

[Даниил Бакунин]

Сергей delphinpro, Вас понял, спасибо!

Answer 1

[Даниил Бакунин]

Всё оказалось достаточно прозаичным:
на мобильных телефонах действительно выглядит select абсолютно иначе, при его выборе - открывается popup

Answer 2

[Сергей Кореневский]

Может для поля установлена минимальная ширина 600px, у родителя установлен стиль DISPLEY: FLEX, таким образом ширина поля ограничена FLEXом, а ширина опции ограничена минимальной шириной.

Comments

[Даниил Бакунин]

Да, всё примерно так и было, благодарю)

[Сергей Кореневский]

Даниил Бакунин, Отмечайте как решение вопроса

[Даниил Бакунин]

Сергей Кореневский, Отметил)