キーボードナビゲーション(上、下、Enterキー)を使用して、ドロップダウン(divを使用してシミュレート)のオプションをナビゲートしています。キーボードを使用してナビゲートするときに、スクロールバーを移動および調整して、オプションが適切に表示されるようにします。
誰かが洞察を与えることができれば、それは役に立ちます。
純粋な Javascript を使用する必要があり、Jquery は使用できません。
キーボードナビゲーション(上、下、Enterキー)を使用して、ドロップダウン(divを使用してシミュレート)のオプションをナビゲートしています。キーボードを使用してナビゲートするときに、スクロールバーを移動および調整して、オプションが適切に表示されるようにします。
誰かが洞察を与えることができれば、それは役に立ちます。
純粋な Javascript を使用する必要があり、Jquery は使用できません。
私は同じ問題に直面しています。ただし、キー選択の問題を修正しました。以下の式で
element.find('SCROLLABLE_COMPONENT_SELECTOR').scrollTop((angular.element('SELECTED_OPTION_SELECTOR').index() * angular.element('SELECTED_OPTION_SELECTOR').outerHeight(true)) - angular.element('SCROLLABLE_COMPOENENT_SELECTOR').height() + 40);
上記のコードは、次のように機能します..ドロップダウンの一番下までスクロールします。ドロップダウンの下部に到達すると、選択が下部に固定され、スクロールが上部に移動します。
ダウンキーについては、これに取り組んでいます。なんとか修正できたら、更新を投稿します。
ありがとう、ジェイ