jquery - iPad CSS breaks on orientation change while keyboard is active while using FullPage.js -


this meta viewport issue or css issue, able replicate similar issue default fullpage.js code (https://github.com/alvarotrigo/fullpage.js). if add input field slide, open keyboard in landscape, change orientation portrait, css breaks.

result see black space on side if rotate landscape portrait, , @ bottom (once hide keyboard) if rotate portrait landscape.

i have not altered css fullpage framework, unsure on problem stems, if have ideas work around, please let me know.

try making on event of ipad being rotated program focuses on read-only input box like:

<input type="text" id="invis" name="someinput" readonly="readonly" /> 

which, is, id suggests, invisible (use css). minimize keyboard, , stop webpage breaking.


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -