On iOS (physic devices and in the chrome development tools) iOS throws errors when an input field get the focus and have to type attribute not set to text, so for example on email or number.

It doesn't always do that. Sometimes is happens directly and sometime after a few or more times the input gets the focus.

I have created a very simple screen with only a form, a div and an input.

I have created a movie so you can see what happens.

The JavaScript error is:
fastclick.js?11_12_0_29969:342 Uncaught DOMException: Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('email') does not support selection.

    at FastClick.focus (https://maykers-dev.outsystemsenterprise.com/PlayIt_JO/Widgets/Form/fastclick.js?11_12_0_29969:342:17)

    at FastClick.onTouchEnd (https://maykers-dev.outsystemsenterprise.com/PlayIt_JO/Widgets/Form/fastclick.js?11_12_0_29969:597:8)

    at HTMLBodyElement.<anonymous> (https://maykers-dev.outsystemsenterprise.com/PlayIt_JO/Widgets/Form/fastclick.js?11_12_0_29969:114:37)

In the Javascript with the line of the error there is this code in fastclick.js:

FastClick.prototype.focus = function(targetElement) {

'use strict';

var length;

// Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug #15122724.

if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {

length = targetElement.value.length;

targetElement.setSelectionRange(length, length);

} else {

targetElement.focus();

}

};

There is already a comment about iOS 7 here. This code should be expanded for also of input with type set to email,number and maybe more I think.