iPad coupe les options de texte large dans select, une solution?

Question

Récemment, j'ai commencé à travailler sur la compatibilité de mon site web avec l'iPad.

J'ai une page qui a des boîtes SELECT. Une des boîtes comporte des éléments qui sont assez longs en longueur de texte.

Maintenant, avec l'iPad, les boîtes SELECT ont un nouveau contrôle qui affiche une liste à partir de laquelle l'utilisateur peut sélectionner. Le problème que je trouve avec ce contrôle est qu'il coupe les entrées de texte larges. Pour être précis, il tronque toutes les options de longueur de plus de 30/35 et ajoute "...".

Est-ce que quelqu'un sait s'il est possible d'appliquer des CSS pour contrôler la largeur du contrôle pop-up pour les boîtes SELECT sur l'iPad?

J'ai essayé de spécifier une "largeur" ​​sur le SELECT mais cela ne change pas le contrôle contextuel. J'ai également essayé l'option "taille" mais l'iPad le restitue toujours comme un seul combo SELECT.

Merci!

Answer 1

Vous ne pouvez pas modifier la manière dont les éléments select de rendu de l'iPad ou de l'iPhone sont concernés. Ce problème de concaténation que vous décrivez a été plusieurs fois signalé.

Une solution possible (mais pas idéale) est de detect the iPad via User Agent et de fournir une liste 'optimisée' de option valeurs qui afficheront au moins les informations que vous jugez pertinentes.

Answer 2

Comme le dernier champ ajouter le optgroup et il faut résoudre le problème

<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>