Skip to content Skip to sidebar Skip to footer

Jquery Mobile 1.4.5 Virtual Keyboard In The Device Hides The Form Inputs At The Bottom Of The Page

I'm using JQuery Mobile 1.4.5 to build a web app. I have found an issue which I'm sure is either a browser or JQM bug when using Google Chrome homescreen (fullscreen) mode in Andro

Solution 1:

This is apparently an ongoing issue on Android.

https://github.com/jquery/jquery-mobile/issues/1079

The answer from this link is to disable full screen mode of the page. (Mentioned twice as working.)

Solution 2:

I opened an issue with JQM and this is the response I got. Turns out it's a Chrome fullscreen browser bug, nothing to do with JQM...

The only way i could think to attempt to work around this would be something like http://jsbin.com/kagidi/9/edit?html,css,output which fixes the issue on chrome homescreen however this is not really a complete fix it has a few issues that cant really be solved.

There is no way to know the keyboard size, and there for how much height to add to the body, on a particular device even more so when you keep in mind custom keyboards.

It requires a lot of userAgent sniffing to make it work properly

Because of these issues this is not really something we would add to the library i don't think. However this may solve your issue

Post a Comment for "Jquery Mobile 1.4.5 Virtual Keyboard In The Device Hides The Form Inputs At The Bottom Of The Page"