Greggory Wiley
Reputation: 971
IFrame modal, mobile keyboard obscures typing fields upon selecting text input
On mobile web browser when keyboard springs up it covers up the input fields on this iFrame. Normally content is pushed up but this Iframe is absolutely positioned to cover the whole screen with transparent background. http://learntoad.com/
Upvotes: 1
Views: 518
Answers (1)
Greggory Wiley
Reputation: 971
using position:fixed instead of absolute allowed me to create a screen overlay iFrame, I did have to use an event listener messenger to adjust the ZIndex during the time the overlay was displayed and adjust it back after close.
Upvotes: 1
Related Questions
- iOS Chrome/Safari - Unwanted scrolling when focusing an input inside the modal
- Prevent zoom when focusing input element within iframe on iPhone
- iOS Safari/Chrome - Unwanted scrolling when focusing an input inside the modal
- Focused input field obscured by virtual keyboard
- Firefox mobile prevents input inside iframe
- form hides as the onscreen keyboard appears in mobile
- Mobile keyboard covering input fields
- iPhone keyboard shrinks modal size for web application
- Text selection bug in Mobile Safari with iframes and ontouchstart
- How to fix weird text input field bug on Mobile Safari?