Describe the current behavior
On mobile viewport 360x800, after adding product to cart, the cart drawer opens. Subtotal is visible but the Checkout button is hidden below the fold and the drawer cannot be scrolled.
cart-drawer has overflow: hidden / max-height issue, so user cannot reach checkout.
Reproduced on:
Describe the expected behavior
Cart drawer should be scrollable on mobile and Checkout button must always be reachable. Should use overflow-y: auto with proper max-height: 100dvh.
Version information
- Dawn Version: 15.0.0
- Chrome Version: 126.0.6478.122 Mobile
- Android Version: 13
- Viewport: 360x800
Possible solution
Change .cart-drawer container to:
.cart-drawer__inner { overflow-y: auto; max-height: 100dvh; }
[FINAL_x5f_ACCEPTED_x5f_Shopify_x5f_Cart_x5f_Drawer_x5f_Bug (1).pdf](https://github.com/user-attachments/files/31523790/FINAL_x5f_ACCEPTED_x5f_Shopify_x5f_Cart_x5f_Drawer_x5f_Bug.1.pdf)
https://github.com/user-attachments/assets/25956f4f-98a7-41c5-807c-ccea9659c20a
Describe the current behavior
On mobile viewport 360x800, after adding product to cart, the cart drawer opens. Subtotal is visible but the Checkout button is hidden below the fold and the drawer cannot be scrolled.
cart-drawerhasoverflow: hidden/ max-height issue, so user cannot reach checkout.Reproduced on:
Describe the expected behavior
Cart drawer should be scrollable on mobile and Checkout button must always be reachable. Should use
overflow-y: autowith propermax-height: 100dvh.Version information
Possible solution
Change
.cart-drawercontainer to: