androidmobilebrowser

Android default browser keyboard causing resize


I'm working on a web site and I'm trying to make it work on mobile devices. Mostly it works fine but in the Android default browser.

For instance I have text input for the date and I use the jQuery calendar to help the user. So I don't really need the keyboard for that but it appears anyway since it's an input...

The problem is that the page and in this case the full page inframe is resized and when I hide the keyboard, the size is not restored. Rotating the device is enough to solve it but still I cannot tell that to the client.

Is it possible to prevent the keyboard from ever appearing or maybe trigger an event that would re-draw the page?

Your help would be greatly appreciated.


Solution

  • If you add the jQuery blur() event you can prevent the date picker from triggering the keyboard. See this post Disable setting of focus for jQuery UI datepicker for more information.