項目が選択された後にmd-autocompleteが自動的にぼやけます

Question

私はmd-autocompleteにアドレスを設定しています。アドレスが選択されると、フォーカスは要素にとどまります。アドレスがユーザによって選択されるとすぐに、私はmd-autocompleteをぼかすようにしたいと思います。

携帯電話で実行すると、ユーザーがアドレスを選択するとキーボードは自動的に非表示になるはずですが、現在はアドレス選択後もキーボードは表示され続けているからです。

ありがとうございます！

Answer 1

質問には詳細がありませんので、1.1.4 docsで利用可能な「基本的な使用法」Codepenを作業します。

基本的には、selected-item-changedを聞いて、現在アクティブなDOM要素でblurイベントをトリガーします。

Here's the Codepen。デスクトップChromeで動作しますが、キーボードの問題をモバイルで解決できるかどうかは確認できません。

次のように私はちょうどselected-item-changedハンドラを変更：

function selectedItemChange(item) { 
    ///// Get the currently focused element 
    var activeElement = document.activeElement; 

    ///// Check that there actually was a focused element 
    ///// and make sure a valid item was selected. 
    if (activeElement && item) { 
    activeElement.blur(); 
    } 

    $log.info('Item changed to ' + JSON.stringify(item)); 
}