Fix no match template config.

dist/tribute.css

@@ -20,5 +20,7 @@
       background: #ddd; }
     .tribute-container li span {
       font-weight: bold; }
+    .tribute-container li.no-match {
+      cursor: default; }
   .tribute-container .menu-highlighted {
     font-weight: bold; }

example/index.html

@@ -80,6 +80,7 @@ <h5>Tribute on traditional form elements!</h5>
           {key: 'Sir Walter Riley', value: 'Sir Walter Riley', email: '[email protected]'}
         ],
         selectTemplate: function (item) {
+          if (typeof item === 'undefined') return null;
           if (this.range.isContentEditable(this.current.element)) {
             return '<span contenteditable="false"><a href="http://zurb.com" target="_blank" title="' + item.original.email + '">' + item.original.value + '</a></span>';
           }
@@ -103,6 +104,8 @@ <h5>Tribute on traditional form elements!</h5>
             return '@' + item.original.value;
           },
 
+          noMatchTemplate: function() { return null; },
+
           // the array of objects
           values: [
             {key: 'Jordan Humphreys', value: 'Jordan Humphreys', email: '[email protected]'},
@@ -122,6 +125,8 @@ <h5>Tribute on traditional form elements!</h5>
             return '#' + item.original.name;
           },
 
+          noMatchTemplate: function() { return null; },
+
           // function retrieving an array of objects
           values: [
             {name: 'Bob Bill', email: '[email protected]'},

scss/tribute.scss

@@ -27,6 +27,10 @@
     span {
       font-weight: bold;
     }
+
+    &.no-match {
+      cursor: default;
+    }
   }
 
   .menu-highlighted {

src/Tribute.js

@@ -51,7 +51,7 @@ class Tribute {
                         return t.bind(this)
                     }
 
-                    return function () {return '<li>No match!</li>'}.bind(this)
+                    return function () {return '<li class="no-match">No match!</li>'}.bind(this)
                 })(noMatchTemplate),
 
                 // column to search against in the object
@@ -100,6 +100,7 @@ class Tribute {
     }
 
     static defaultSelectTemplate(item) {
+      if (typeof item === 'undefined') return null;
       if (this.range.isContentEditable(this.current.element)) {
           return '<span class="tribute-mention">' + (this.current.collection.trigger + item.original[this.current.collection.fillAttr]) + '</span>';
       }
@@ -339,7 +340,7 @@ class Tribute {
         if (typeof index !== 'number') return
         let item = this.current.filteredItems[index]
         let content = this.current.collection.selectTemplate(item)
-        this.replaceText(content, originalEvent, item)
+        if (content !== null) this.replaceText(content, originalEvent, item)
     }
 
     replaceText(content, originalEvent, item) {