Fix hover state so that it highlights only the item targeted.

zurb · Oct 11, 2016 · b805f91 · b805f91
1 parent 2a4f61b
commit b805f91
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 .DS_Store
+npm-debug.log
diff --git a/dist/tribute.js b/dist/tribute.js
diff --git a/src/Tribute.js b/src/Tribute.js
@@ -214,6 +214,11 @@ class Tribute {
         items.forEach((item, index) => {
             let li = this.range.getDocument().createElement('li')
             li.setAttribute('data-index', index)
+            li.addEventListener('mouseenter', (e) => {
+              let li = e.target;
+              let index = li.getAttribute('data-index');
+              this.events.setActiveLi(index);
+            });
             if (this.menuSelected === index) {
                 li.className = this.current.collection.selectClass
             }

diff --git a/src/TributeEvents.js b/src/TributeEvents.js
@@ -214,6 +214,8 @@ class TributeEvents {
         let lis = this.tribute.menu.querySelectorAll('li'),
             length = lis.length >>> 0
 
+        if (index) this.tribute.menuSelected = index;
+
         for (let i = 0; i < length; i++) {
             let li = lis[i]
             if (i === this.tribute.menuSelected) {