fix(ngClick): prevent soft keyboard from disappearing on input click

Currently ngClick calls blur on all elements and this causes keyboards
on touch devices to bounce and sometimes not appear. This is a fix
for angular#11358 and should allow input fields to keep the keyboard visible
without bouncing in and out of view or never appearing.

Closes angular#11358

Author: steven10172

src/ngTouch/directive/ngClick.js

@@ -125,6 +125,9 @@ ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
       return; // Too old.
     }
 
+    // Get the node name of the target
+    var nodeName = nodeName_(event.target);
+
     var touches = event.touches && event.touches.length ? event.touches : [event];
     var x = touches[0].clientX;
     var y = touches[0].clientY;
@@ -144,7 +147,7 @@ ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
       lastLabelClickCoordinates = null;
     }
     // remember label click coordinates to prevent click busting of trigger click event on input
-    if (nodeName_(event.target) === 'label') {
+    if (nodeName === 'label') {
       lastLabelClickCoordinates = [x, y];
     }
 
@@ -159,8 +162,14 @@ ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
     event.stopPropagation();
     event.preventDefault();
 
-    // Blur focused form elements
-    event.target && event.target.blur && event.target.blur();
+    // Check if the target node is not of the type input.
+    // All targets should be blurred except input to prevent the keyboard from
+    // bouncing in and out and sometimes not showing.
+    if (nodeName !== 'input' && nodeName !== 'textarea') {
+      // Blur focused form elements
+      event.target && event.target.blur && event.target.blur();
+    }
+
   }
 
 
@@ -238,6 +247,9 @@ ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
     element.on('touchend', function(event) {
       var diff = Date.now() - startTime;
 
+      // Get the node name of the tapElement
+      var nodeName = nodeName_(tapElement);
+
       // Use jQuery originalEvent
       var originalEvent = event.originalEvent || event;
       var touches = (originalEvent.changedTouches && originalEvent.changedTouches.length) ?
@@ -255,7 +267,9 @@ ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
         // Blur the focused element (the button, probably) before firing the callback.
         // This doesn't work perfectly on Android Chrome, but seems to work elsewhere.
         // I couldn't get anything to work reliably on Android Chrome.
-        if (tapElement) {
+        // Make sure the tapElement isn't of type input to prevent the keyboard from
+        // bouncing and possibly not showing without a few attempted clicks.
+        if (tapElement && nodeName !== 'input' && nodeName !== 'textarea') {
           tapElement.blur();
         }
 
@@ -293,4 +307,3 @@ ngTouch.directive('ngClick', ['$parse', '$timeout', '$rootElement',
 
   };
 }]);
-