07f68577 Added mobile safe area inset support via a CSS custom property when the MobileBridgeNext flag is enabled.
- Bootstrap now injects a --shopify-safe-area-inset-bottom CSS custom property initialized to 0px when the MobileBridgeNext feature flag is active.
- The safe area inset bottom value is automatically subscribed to from the host and kept in sync as a CSS variable on the root element.
- A body::after pseudo-element is added to reserve physical space at the bottom of the page equal to the safe area inset height.
Files 6
+43 -30
3 modified