Bootstrap Entrée avec datalist déroulant ne fonctionne pas sur iPhone (6s)
J'ai écrit un simple HTML5
/Javascript
application.
J'ai utilisé le bootstrap3
(js
& css
).
L'application elle-même devrait être mobile friendly:
<meta name="viewport" content="width=device-width, initial-scale=1">
Sur des appareils mobiles le look & feel est conçu, sauf pour une question:
Je suis à l'utilisation des intrants (à l'intérieur d'un .well
) avec datalists comme ceci:
<div class="form-group">
<label for="userIdType">Type:</label>
<input type="text" class="form-control" id="userIdType" list = "lst_userIdTypes" value="AD_ID">
<datalist id="lst_userIdTypes">
<option>AD_ID</option>
<option>PU_ID</option>
<option>XU_ID</option>
<option>DE_ID</option>
<option>AP_ID</option>
</datalist>
</div>
La liste fonctionne très bien sur Android 5.x téléphones avec le chrome et le navigateur firefox.
Mais sur mon iPhone (6s) dans safari et chrome navigateur les valeurs de la liste ne pas afficher.
Est-ce un problème connu? Quelqu'un sait comment résoudre ce problème?
Merci!
Vous devez vous connecter pour publier un commentaire.
À tous ceux qui sont encore à la recherche: cette étonnante solution de contournement qui m'a sauvé.
Il est modifiable sélectionnez via JS qui a la même fonctionnalité que l'entrée + datalist
https://github.com/indrimuska/jquery-editable-select
Selon w3schools, Safari ne supporte pas la balise datalist même si c'est la partie de la norme HTML5.
Chrome sur iPhone utilise essentiellement le même moteur que Safari puisqu'Apple ne permet 3ème partie moteurs de navigateur sur leur système d'exploitation. C'est pourquoi vous avez rencontré le même comportement dans les deux navigateurs sur iPhone.
Pas d'autres solutions, que des solutions de contournement peuvent être utilisés dans ce cas.