Update to support comma and space on mobile keyboards

src/tags-input.js

@@ -314,6 +314,9 @@ export default function TagsInputDirective($timeout, $document, $window, $q, tag
 
       scope.eventHandlers = {
         input: {
+          textInput: function($event) {
+              events.trigger('text-input', $event);
+          },
           keydown($event) {
             events.trigger('input-keydown', $event);
           },
@@ -399,6 +402,24 @@ export default function TagsInputDirective($timeout, $document, $window, $q, tag
           element.triggerHandler('blur');
           setElementValidity();
         })
+        .on('text-input', function(event) {
+          // on mobile keydown doesn't provide keyCodes for space or comma (most keys really),
+          // this will translate it so proper handling is triggered if those are pressed
+
+          let originalKey = event.originalEvent.data;
+          let keyCode = null;
+
+          if (originalKey === " ") {
+            keyCode = KEYS.space;
+          } else if (originalKey === ",") {
+            keyCode = KEYS.comma;
+          }
+
+          if (keyCode) {
+            event.keyCode = keyCode;
+            events.trigger('input-keydown', event);
+          }
+        })
         .on('input-keydown', event => {
           let key = event.keyCode;
 

templates/tags-input.html

@@ -13,6 +13,7 @@
            ng-model="newTag.text"
            ng-model-options="{getterSetter: true}"
            ng-keydown="eventHandlers.input.keydown($event)"
+           ng-on-text_input="eventHandlers.input.textInput($event)"
            ng-focus="eventHandlers.input.focus($event)"
            ng-blur="eventHandlers.input.blur($event)"
            ng-paste="eventHandlers.input.paste($event)"
@@ -22,4 +23,4 @@
            ti-bind-attrs="{type: options.type, placeholder: options.placeholder, tabindex: options.tabindex, spellcheck: options.spellcheck}"
            ti-autosize>
   </div>
-</div>
+</div>