iPad отсекает широкие текстовые опции в избранных, любое решение?

Question

Недавно я начал работать над тем, чтобы сделать мой веб-сайт совместимым с iPad.

У меня есть страница с полями SELECT. В одном из блоков есть элементы, которые имеют довольно широкую длину текста.

Теперь в окнах iPad SELECT появился новый элемент управления, который выскакивает список для выбора пользователем. Проблема, которую я нахожу с этим элементом управления, заключается в том, что он обрезает широкие текстовые записи. Чтобы быть точным, он обрезает все параметры длиной более 30/35 и добавляет "...".

Кто-нибудь знает, возможно ли применить какой-то CSS для управления шириной всплывающего элемента управления для ящиков SELECT на iPad?

Я пытался указать "ширину" в SELECT, но это не меняет всплывающее управление. Я также попробовал вариант «размер», но iPad по-прежнему отображает его как одну комбинацию SELECT.

Спасибо!

Answer 1

Вы не можете изменить способ отображения элементов select на iPad или iPhone, и эта описанная выше проблема конкатенации неоднократно жаловалась.

Возможное решение (хотя и не идеальное) состоит в том, чтобы обнаруживает iPad через пользовательский агент и предоставляет «оптимизированный» список значений option, которые по крайней мере будут отображать информацию, которую вы считаете подходящей.

Answer 2

В качестве последнего поля добавьте optgroup, и это должно решить проблему

<select>
  <option value="">please select</option>
  <option value="1">option 1</option>
  <option value="2">option 2</option>
  <option value="3">option 3</option>
  <optgroup label=""></optgroup>
</select>