Fix #15: Highlighted item persists when field loses focus

Author: cletusw

cw-token-field.html

@@ -70,7 +70,7 @@
       },
 
       onFocus: function() {
-        this.isOptionsListVisible = true;
+        this.resetOptionsList();
       },
 
       onInput: function() {
@@ -91,8 +91,7 @@
           // Up
           event.preventDefault();
           if (!this.isOptionsListVisible) {
-            this.isOptionsListVisible = true;
-            this.$.optionsList.highlightFirst();
+            this.resetOptionsList();
           }
           else {
             this.$.optionsList.highlightPrevious();
@@ -102,8 +101,7 @@
           // Down
           event.preventDefault();
           if (!this.isOptionsListVisible) {
-            this.isOptionsListVisible = true;
-            this.$.optionsList.highlightFirst();
+            this.resetOptionsList();
           }
           else {
             this.$.optionsList.highlightNext();
@@ -113,7 +111,9 @@
 
       onTap: function() {
         this.$.filter.focus();
-        this.isOptionsListVisible = true;
+        if (!this.isOptionsListVisible) {
+          this.resetOptionsList();
+        }
       },
 
       placeholderChanged: function() {
@@ -125,6 +125,11 @@
         }
       },
 
+      resetOptionsList: function() {
+        this.$.optionsList.highlightFirst();
+        this.isOptionsListVisible = true;
+      },
+
       selectedChanged: function() {
         this.isOptionsListVisible = false;
         this.filterText = '';