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!

InformationsquelleAutor mrb | 2016-08-05