You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The Visual Viewport is resized, but the Layout Viewport (essentially the browser widget) does not. This allows the web page to slide under the keyboard, and also scroll its bottom until it reaches the top of the keyboard.
This allowed sticky footers to slide behind the keyboard, providing the user with more content space.
In the Chrome app on Android, when I inspect the page with the OSK displayed, there's extra padding at the bottom that does not appear as part of the HTML or CSS. In InAppWebView, I cannot get that extra padding to occur.
Is there a way to make InAppWebView do the same? Half of the battle is won by using Scaffold(resizeToAvoidBottomInset: false. But right now, that means I have inaccessible content behind the keyboard.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Since Chrome 108, there's a new viewport resize behaviour when the On-Screen Keyboard (OSK) appears: https://developer.chrome.com/blog/viewport-resize-behavior
The Visual Viewport is resized, but the Layout Viewport (essentially the browser widget) does not. This allows the web page to slide under the keyboard, and also scroll its bottom until it reaches the top of the keyboard.
This allowed sticky footers to slide behind the keyboard, providing the user with more content space.
In the Chrome app on Android, when I inspect the page with the OSK displayed, there's extra padding at the bottom that does not appear as part of the HTML or CSS. In InAppWebView, I cannot get that extra padding to occur.
Is there a way to make InAppWebView do the same? Half of the battle is won by using
Scaffold(resizeToAvoidBottomInset: false
. But right now, that means I have inaccessible content behind the keyboard.Beta Was this translation helpful? Give feedback.
All reactions