Hi everyone,
I’m experiencing a strange issue with a floating group footer (bottom menu) in my Bubble app when testing on iPhone (latest iOS).
When the user opens an input field and the keyboard appears, the floating group moves up as expected.
However, after the keyboard closes, the footer doesn’t return to the bottom of the screen — it leaves an empty white space underneath it.
It only fixes itself if I close and reopen the app/page.
This issue seems to have started after a recent iOS update, because it didn’t happen before.
I’ve tried:
-
Using CSS with
position: fixedandsafe-area-inset-bottom -
Adding JS to listen for
visualViewportchanges -
Using the floating group “relative to bottom” and even switching to “relative to top”
But none of these fixed the issue permanently.
Has anyone else experienced this on iPhone?
Is there a reliable workaround or a new setting in Bubble to handle this behavior?
Thanks in advance!
