Merge pull request #2 from vdtn359/master

Scroll active item into view
Accelo · Nov 20, 2018 · cbd28c8 · cbd28c8
2 parents a0ad580 + ee30b59
commit cbd28c8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/mention/plugin.js b/mention/plugin.js
@@ -322,15 +322,22 @@
                 index = (currentIndex === 0) ? this.$dropdown.find('li').length - 1 : --currentIndex;
 
             this.$dropdown.find('li').removeClass('active').eq(index).addClass('active');
+            this.scrollItemIntoView(index);
         },
 
         highlightNextResult: function () {
             var currentIndex = this.$dropdown.find('li.active').index(),
                 index = (currentIndex === this.$dropdown.find('li').length - 1) ? 0 : ++currentIndex;
 
             this.$dropdown.find('li').removeClass('active').eq(index).addClass('active');
+			this.scrollItemIntoView(index);
         },
 
+		scrollItemIntoView: function(index) {
+			var listItems = this.$dropdown.find('li');
+			this.$dropdown.scrollTop(listItems.eq(index).position().top - listItems.eq(0).position().top - this.$dropdown.height() / 2);
+		},
+
         select: function (item) {
             this.editor.focus();
             var selection = this.editor.dom.select('span#autocomplete')[0];

diff --git a/mention/plugin.min.js b/mention/plugin.min.js