iOS Safari: Long modal; backdrop false; does not scroll as expected

Author: jybleauCreated Mar 5, 2026Updated Mar 18, 2026

Current behavior

Scroll issue on iOS - part n of m

With backdrop: false; the css rule body.swal2-no-backdrop .swal2-container sets pointer-events: none; It's ok, we want to be able to access our own page in the background.

But on iOS Safari, this breaks the scrolling on a long Swal: we cannot scroll anymore past the viewport height.

If the css rule is changed to pointer-events: inherit; the scrolling works correctly, but we cannot access our own background anymore with pointer events.

Expected behavior

Not sure what to expect...

It should scroll the Swal modal but without breaking the pointer events on the "real" page in the background. I do not know if we can get both.

Live Demo

https://codepen.io/jybleau/pen/jEMqKEZ

Open on iOS Safari. Set backdrop: true to make it scroll again.

Tell me if you need anything else. Thanks!