From 85a0266557f7277ea45a686c353f6c346c811028 Mon Sep 17 00:00:00 2001 From: Kushagra Gour Date: Sun, 5 Feb 2017 17:48:51 +0530 Subject: [PATCH] add auto scroll in typeahead dropdowns --- src/script.js | 2 ++ src/textarea-autocomplete.js | 2 ++ 2 files changed, 4 insertions(+) diff --git a/src/script.js b/src/script.js index 3c788a1..a37e90d 100644 --- a/src/script.js +++ b/src/script.js @@ -1090,6 +1090,7 @@ TextareaAutoComplete */ } else { $('.js-saved-item-tile:first-child').classList.add('selected'); } + $('.js-saved-item-tile.selected').scrollIntoView(false); } else if (event.keyCode === 38 && savedItemsPane.classList.contains('is-open')) { selectedItemElement = $('.js-saved-item-tile.selected'); if (selectedItemElement) { @@ -1098,6 +1099,7 @@ TextareaAutoComplete */ } else { $('.js-saved-item-tile:first-child').classList.add('selected'); } + $('.js-saved-item-tile.selected').scrollIntoView(false); } else if (event.keyCode === 13 && savedItemsPane.classList.contains('is-open')) { selectedItemElement = $('.js-saved-item-tile.selected'); setTimeout(function () { diff --git a/src/textarea-autocomplete.js b/src/textarea-autocomplete.js index 14f97d8..46f3d3e 100644 --- a/src/textarea-autocomplete.js +++ b/src/textarea-autocomplete.js @@ -109,6 +109,7 @@ } else { this.list.querySelector('li:first-child').classList.add('selected'); } + this.list.querySelector('.selected').scrollIntoView(false); event.preventDefault(); } else if (event.keyCode === 38 && this.isShowingSuggestions) { selectedItemElement = this.list.querySelector('.selected'); @@ -118,6 +119,7 @@ } else { this.list.querySelector('li:first-child').classList.add('selected'); } + this.list.querySelector('.selected').scrollIntoView(false); event.preventDefault(); } else if (event.keyCode === 13 && this.isShowingSuggestions) { selectedItemElement = this.list.querySelector('.selected');