Hi, I have a floating group on my mobile app vertically floated relative to bottom. It shows fine on most iphones on preview, but some pixel ones look weird like screenshot, where the Tab bar is overflowing… is this correct preview of how it would look? If so, how do we ‘fix’ the floating group, and if it isn’t correct, is it bug on the preview screen?
I am having the exact same issue. Even with padding or margins it doesn’t seem to work on Android. I can also confirm it’s not a preview bug because I has tried the app on BubbleGo on Pixel and iPhone and it is the same result.
sounds like the floating group is overflowing past the safe area on android. try adding a bottom margin/padding to match the tab bar height and see if that pushes it up properly.
having the same issue here; however, the floating group will sometimes float to the centre of the screen (depending on which mobile phone is simulated, particularly the iphone 8), or will float below the bottom tab bar, out of sight (Pixel 6 pro). I dont think it has to do with bottom margin / padding. Adding margin will only push it up higher and into the incorrect position on nearly all devices.
edit: it looks like the safe zone associated with the bottom tab bar is changing depending on the screen size (or something to that effect). When I change the background color of the tab bar, the tab bar stays consistent on each screen size. If I move the floating group to anchor to the top (not a great design choice in this case), I’ve still got this black box interfering with my screen, blanking out a portion of the scrollable content (see last image). If I change the default view size, the issues persist. I’m tapped out on this one.