Cart drawer shows page under bottom bar + background scroll - how to fix? iOS Safari (iPhone, iOS 26)

Short description of issue

Cart drawer shows page under bottom bar + background scroll (Safari + IOS 26)

Link to Shopify Store

Reproduction steps

On an iPhone running iOS 26, open the site in Safari, navigate to any product detail page (PDP), and tap Add to cart to open the cart drawer.

Additional info

Theme: custom (Dawn-based)

Tried: position: fixed + background scroll lock on open/close, 100dvh/100svh/100lvh, env(safe-area-inset-bottom), overscroll-behavior: contain, and a bottom “guard” element.

Result: background no longer scrolls, but the lower edge still reveals the page when Safari’s dynamic toolbar slides in/out.

What type of topic is this

Troubleshooting

Upload screenshot(s) of issue

Same exact problem here, and from what I have seen, many other ecommerce brands using Shopify have this issue aswell. Has anyone found a solution?

IOS 26 Safari, DAWN