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
Post a Comment