データリストドロップダウンでのブートストラップ入力はiPhone（6s）では機能しません

Question

私は単純なHTML5/Javascriptアプリケーションを書いています。 bootstrap3（js & css）を使用しました。 アプリ自体はモバイルフレンドリーでなければなりません：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

1つの問題を除いて見&感じが設計されていて、モバイルデバイスでは

、： 私はこのようなdatalistsで（.well内）入力を使用しています：

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

このリストは、Android 5.xの携帯電話でchromeとfirefoxのブラウザで正常に動作します。

サファリとクロムブラウザのiPhone（6s）では、リストの値が表示されません。 これは既知の問題ですか？誰かがそれを修正する方法を知っていますか？

ありがとうございます！

Answer 1

まだ見ているすべての人に：この素晴らしい回避策は私を助けました。 それはW3Schoolsのに応じて、入力データリスト+ https://github.com/indrimuska/jquery-editable-select

Answer 2

と同じ機能を有するJSを介して選択編集可能である、SafariはそれがHTML5標準の一部であっても、データリストタグをサポートしていません。

http://www.w3schools.com/tags/tag_datalist.asp

AppleがそのOS上でサードパーティ製のブラウザエンジンを有効にしていないため、iPhone上のChromeはまた、主にSafariのと同じエンジンを使用しています。そのため、iPhoneの両方のブラウザから同じ動作を経験しました。

この場合、回避策以外の解決策はありません。