11
Trabajando en una aplicación web que debe ejecutarse en el iPad (por lo tanto, Safari Mobile).Safari Mobile Multi-Line <Select> también conocido como GWT Multi-Line ListBox
que tienen el código que funciona bien en casi cualquier cosa excepto 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>
Lo que se supone que debe parecerse a una caja con 12 líneas de la American National Standard 5 de ellos llenos. Funciona bien en FF, IE, Chrome, Safari Win. Pero, cuando lo abro en el iPad, ¡es solo una línea!
Diseñarlo con CSS no funciona. Simplemente aumenta la línea individual si configuro la altura. ¿Hay alguna manera de hacerlo funcionar de la misma manera que en los navegadores normales, o tengo que hacer un componente personalizado?
Gracias.
Para que sepan que terminé de escribir mi propio widget para actuar como ListBox poniendo divs dentro de un div. No pude encontrar nada en ninguna parte para hacer que Safari Mobile respete el atributo 'tamaño'. – McTrafik
Sé que Mobile Safari suele hacerse cargo del diseño de los elementos de entrada, pero mi pregunta es si hay alguna manera de detener ese comportamiento. – McTrafik
Parece que no hay nada. Leí la guía para desarrolladores web de iPhone y no dicen nada sobre desactivar esta 'función'. – McTrafik