Hi, thanks! The modal issue is solved now and works great.
However, we’re still unsure how to handle components that are fixed to the bottom of the screen. For example, a floating chat button. From what I’ve seen, this affects all apps. Another example is the bottom slide-up panel in Translate & Adapt.
We can’t simply add extra bottom spacing because then the component would be positioned incorrectly when the floating toolbar isn’t present (for example, on mobile browsers).
Is there any way to detect whether the floating toolbar is currently displayed?
For example, Translate & Adapt becomes almost unusable because the toolbar covers part of the UI. It’s also interesting that the behavior differs between stores—in some stores the toolbar is shown, while in others it doesn’t appear at all.
I’ve attached a few screenshots for reference.
Floating Chat button
Mobile web browser
Mobile app without toolbar ( shop 1)
Mobile app with toolbar (shop 2)
Jan