Dawn theme drawer cart not opening on mobile Safari after iOS 17 update

Question

Since the iOS 17.4 update, the drawer cart on my Dawn-based store (latest version, 15.x) refuses to open the first time a customer taps the cart icon on iPhone. It works fine on the second tap, and works fine on Android and desktop.

I've already tried:
- Disabling all third-party apps that inject JS (sticky cart, upsell, reviews).
- Reverting to a copy of Dawn 14 — the issue is gone there.
- Clearing Safari cache.

Anyone else seeing this? Is it a known Dawn 15 bug or an iOS Safari thing? I'd rather not roll back to Dawn 14 long-term.

Devraj Pillai · Accepted Answer

Yes, this is a known issue in Dawn 15.0 – 15.2. The cart drawer uses a `<cart-drawer>` custom element that lazy-binds its event listeners, and iOS 17 Safari's stricter handling of `touchstart` vs `click` means the first tap is swallowed.

Two fixes that work:

1. Update to Dawn 15.3+ (Shopify shipped the patch on Mar 6). Theme Library → Update → it'll preserve your customisations.
2. If you can't update yet, add this to `assets/cart-drawer.js` inside the `connectedCallback` of `CartDrawer`:

```js
this.querySelector('summary')?.addEventListener('touchend', (e) => {
  e.preventDefault();
  this.open();
}, { passive: false });
```

That forces the drawer to open on `touchend` which iOS 17 fires reliably.

Maya Iyer · Answer

+1 to Devraj. We saw this across ~12 client stores. Updating to 15.3 cleared it in every case. If you have a heavily customised cart drawer, take a backup of `sections/cart-drawer.liquid` and `assets/cart-drawer.js` before updating — the diff is small but worth keeping.

Lina Costa · Answer

Updated to 15.3 this morning and the issue is gone. Thanks both — saved me a lot of frustration.

Dawn theme drawer cart not opening on mobile Safari after iOS 17 update

Dawn theme drawer cart not opening on mobile Safari after iOS 17 update

3 Replies