I have a site that I am converting to mobile, I know it’s not best to attack it this way, but I have no choice. Anyway, there is a search box at the top of the page that when clicked in from a mobile device (Android) seems to reload the page with the desktop screen version of the page instead of just zooming into the text input for input entry. What should I do to prevent this from happening? It ONLY happens on mobile (Android) devices as far as I can tell. Here is a link to my page.
The problem is in the login form field(s)… I can’t reproduce the problem myself on iPad 3 but people are telling me its refreshing the page when they click on the form fields. And I’m using DHTMLX Touch.
You are kind of asking for trouble by having the “Search” word as a link:
I would re-think that if I were you. People on mobile devices have to click that link to be able to see the actual search box. You are relying on the device behavior to decide what to do if someone touches that link. You may be lucky if the dropdown works on iOS, but it would seem Android just does the usual thing and follows the link.
I found the problem… On android and iPad 4 (not iPad 3), the ONRESIZE event was getting fired whenever someone types in my input fields. Not sure where exactly the problem stems from but I’m using DHTMLX TOUCH api. I’m binding to the windows onresize to resize and refresh the components on the screen. If I comment out the resize binding, it works fine, if I put it back, android/ipad4 can’t type anymore. Now the trick is how to fix it…