I am building my bubble app into a PWA to get (selected) features to work more easily on Mobile. Have had success getting the desired UI to show through the responsive engine and am quite happy with the results.
One key component is a chat interface, which is where I’m running into a mild annoyance (though not critical issue). In the chat screen, I have a multiline input at the bottom to allow the user to create the next message in the sequence. When the user selects the input and the keyboard pops up, the entire page shifts up, rather than relevant elements collapsing in size so that items at the top of the page remain in view.
I’ve tested in a web-browser by shrinking the window size and get the expected behavior, so I don’t have any sneaky “Minimum Height” elements preventing the action. It just seems that when the keyboard is opened on mobile, Bubble is not treating it as part of the screen. Any ideas?
One option could be for me to add a “when input is focused - height = 50%” but this would require some annoying refactoring and feels like just a hack rather than intended behavior. What am I missing?