Safari Mobile Multi-Line <Select>aka GWT Multi-Line ListBox

Question

Здесь работает веб-приложение, которое должно работать на iPad (например, Safari Mobile).

У меня есть этот код, который отлично работает практически во всем, кроме iPad:

<select class="gwt-ListBox" size="12" multiple="multiple">
    <option value="Bleeding Eyelashes">Bleeding Eyelashes</option>
    <option value="Smelly Pupils">Smelly Pupils</option>
    <option value="Bushy Eyebrows">Bushy Eyebrows</option>
    <option value="Green Vessels">Green Vessels</option>
    <option value="Sucky Noses">Sucky Noses</option>
</select>

То, что должно выглядеть, - это коробка с 12 строками и 5 из них заполненными. Отлично работает в FF, IE, Chrome, Safari Win. Но когда я открываю его на iPad, это всего лишь одна строка!

Стилизация с помощью CSS не работает. Это просто делает одну строку больше, если я установлю высоту. Есть ли способ заставить его вести себя так же, как в обычных браузерах, или мне нужно создать собственный компонент?

Спасибо.

Answer 1

Нет способа сделать это. Вы должны реализовать свой собственный компонент.

Источник: http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/SafariWebContent.pdf (неработающая ссылка)