visualViewport height does not change when in fullscreen mode and keyboard shows on mobile
Categories
(GeckoView :: IME, defect)
Tracking
(Not tracked)
People
(Reporter: twilson90, Unassigned, NeedInfo)
Details
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36
Firefox for Android
Steps to reproduce:
When not in fullscreen, visualViewport updates correctly when the keyboard shows.
In fullscreen mode however visualViewport remains fixed and never changes when the keyboard shows.
It's creating an issue for my webapp which has a fixed text entry element at the bottom of the fullscreen element. I have to detect the visualViewport changing to reposition it when the keyboard shows, otherwise it is completely obscured and the user cannot see what they are typing.
It appears that changing the meta tag's interactive-widget attribute makes no difference either.
Actual results:
visualViewport values remain fixed in fullscreen mode when keyboard shows.
Expected results:
The viewport should update to account for the size of the keyboard in fullscreen mode.
Comment 1•1 year ago
|
||
The Bugbug bot thinks this bug should belong to the 'Fenix::General' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
Comment 2•1 year ago
|
||
The severity field is not set for this bug.
:bclark, could you have a look please?
For more information, please visit BugBot documentation.
Updated•1 year ago
|
I should also mention that with the viewport meta tag 'interactive-widget=resizes-content', window.innerHeight remains the same as well on fullscreen firefox android.
Description
•