Back to all

iOS keyboard causes textarea to go blank

We're using Median to wrap a web app (built on Supabase/Lovable) for iOS and Android. On Android the app works correctly. On iOS, tapping into a <textarea> inside a bottom sheet/modal causes the visible content to go blank — the modal's header stays pinned at the top, but the rest of the modal (including the textarea itself) is replaced by empty space, with the keyboard docked at the bottom. The textarea is presumably still there and functional, just not visible.

This looks like the standard WKWebView gap where iOS doesn't auto-resize the viewport when the keyboard opens (unlike Android's native WebView with windowSoftInputMode=adjustResize), combined with the app's fixed-position modal not repositioning when the keyboard appears.

Is there a setting in the Median App Config for keyboard-aware viewport resizing on iOS? If not, is custom JS/CSS injection the right place to handle this (e.g. listening to window.visualViewport resize events), and if so, is there a recommended pattern for that on Median specifically?

Any guidance or known workaround for this would be appreciated — happy to share screenshots or a screen recording if useful.