jquery select2サファリにバグがあります

Question

モバイルディメンションにサイズ変更されたデスクトップですべて正常に動作します。 Ruby on Railsアプリです。

バグ＃1

私はこれを記述する方法がわからないが、私はSafariで私のiPhone上で（そのSELECT2が上と呼ばれている）の入力に文字を入力していたときに、それが揺れる/揺れ/移動各文字が入力された後、上下に移動します。

バグ2

タグが入力されていて、あなたは、iPhoneのキーボード上の「完了」を押した後、SELECT2-ドロップダウンは時々開いたままになります。それは非常に厄介です。ビューから

$(document).on('page:change', function() { 
    $('.tags').select2({ 
    placeholder: 'Click to select', 
    tokenSeparators: [','], 
    tags: true, 
    }); 
}); 

：

---

スクリプト

<%= f.input :tag_list, input_html: { class: 'tags', multiple: "multiple" }, collection: ActsAsTaggableOn::Tag.all, value_method: :name, label: "Tags" %> 

のCss

.modal-footer.photoform { 
    .select2-container { 
    margin: 10px 5px 15px 5px; 
    width: 90% !important; 
    float: left; 
    overflow: hidden; 
     li.select2-selection__choice { 
     background-color: white; 
     color: black; 
     } 
    } 
    input.select2-search__field { 
     width: 120px !important; 
     margin-bottom: 2px; 
     color: black; 
    } 
    } 

Answer 1

これは完璧なソリューションではありませんが、それは我々がから行うことができます最善の方法です私の検索：

$('select').select2({ 
    ajax: { 
    url: '/example/api', 
    delay: 250 
    } 
}); 

Select2 options

要求は、すべてのキーストロークでトリガ、私はこれを遅らせることができていますか？ デフォルトでは、ユーザーが検索語を変更するたびに、Select2は新しいAJAX要求をトリガーします。 ajax.delayオプションを使用して、デバウンス要求の時間制限を設定できます。