I am experiencing the same issue and I am getting frustrated since I have been trying different approaches to workaround this issue and I don’t seem to find a suitable solution. I have used several css styles around the input control to see if I can solve the situation but I have not get any luck.
input[type='text'], input[type='email'], input[type='search'],
input[type='password'], textarea
{
-webkit-user-select: text;
-webkit-appearance: textfield;
}
I tried as well to isolate the issue placing the input element alone inside a form but even then I have problems in the iPad only (Chrome and safari in my windows environment works fine)..
Any help would be greatly appreciated!!!
[UPDATE] : after verifying that in fact the ionic.css is the culprit ( I removed it and then the input field started working normally in the iPad)… I try to follow all the styles defined by the stylesheet to see which one is causing the issue. It looks like it boils down to the -webkit-appearance set to none somewhere in the ionic.css…. But for some reason overriding it directly in my page as I show above is not resetting the value to “textfield” as it should be… Any idea why? How can I override the “none” with the “textfield”?