Scroll to focused item when using arrow keys

ciena-frost · Nov 1, 2016 · f6062ff · f6062ff
1 parent 96375fa
commit f6062ff
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/addon/components/frost-select-dropdown.js b/addon/components/frost-select-dropdown.js
@@ -156,6 +156,14 @@ export default Component.extend(PropTypeMixin, {
 
     if (newFocusedIndex !== undefined && newFocusedIndex !== focusedIndex) {
       this.set('focusedIndex', newFocusedIndex)
+
+      const $focusedListItem = $('.frost-select-list-item').eq(newFocusedIndex)
+
+      if (newFocusedIndex === 0) {
+        $('.frost-select-dropdown')[0].scrollTop = 0
+      } else {
+        $focusedListItem[0].scrollIntoView(upArrow)
+      }
     }
   },