Skip to content

[Bug]: Mobile Cart Drawer - Checkout button hidden / drawer unscrollable on mobile 360px - Dawn 15.0.0 #3969

Description

@denybajingan122-del

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions