topaz widget
When an input field is focused on Android, the soft keyboard pushes the WebView up and leaves a white blank area below the visible content. This happens on every screen that has input fields.
Steps to reproduce
Open any screen with an input field (e.g., profile edit page)
Tap on the input field to focus it
The soft keyboard appears
A black space is visible between the content and the keyboard.
Screenshot
topaz widget
I ran into a layout issue on Android (NativePHP mobile) where focusing an input field caused the soft keyboard to push the WebView up and leave a white blank space below the content.
When the keyboard appears, the bottom navigation component interferes with the WebView resize behavior on Android.
The only stable solution for now was to hide the native:bottom-nav on routes that contain input fields.
Example:
@if (!request()->routeIs([...routesWithInputs])) <native:bottom-nav> ... </native:bottom-nav> @endif
This completely resolved the white space issue.
Sharing in case it helps someone else 👍
brave sage
When an input field is focused on Android, the soft keyboard pushes the WebView ...
I have the same thing! Was hoping its was just my phone haha
Thnx for sharing this fix