Keep a Floating Header visible on mobile when keyboard is open

Hi all,

I was struggling with a Floating Header disappearing above the top of the screen when the keyboard opened (building a chat feature, so had a Repeating Group which made the page taller, but for some reason the Floating Group didn’t stay connected to the top of the page).

I found a great solution here: Reddit - Dive into anything

Basically, add an HTML element to your page (can be 1px x 1px), then add this code to it (sorry looks like Bubble doesn’t show the text HTML - check the Reddit link to copy it in)

It worked like magic

4 Likes