iphone keyboard not hiding when tapping the screen

Question

I have an input field with number type

In normal browsers, I\'m typing some numbers and I\'m

Answer 1

In an ionic application I used a directive on the body that intercepts the inputs.

MyApp.directive('dismissIosKeyboardOnClick', function () {
        return function (scope, element, attrs) {
          if (cordova.platformId=="ios") {
            element.on("touchstart", function(e) {
              var keyboardDoms = new Set(["INPUT","TEXTAREA","SELECT"]);
              if( keyboardDoms.has(document.activeElement.nodeName) &&
                  !keyboardDoms.has(e.target.nodeName) )
                document.activeElement.blur();
              });
            }
        };
      });

Index.html