Unable to scroll in modal in Safari

If you are struggling to find the cause for Safari not allowing scrolling on a modal, check if you’re using this CSS animation:

animation: drop .5s;

I was struggling for a little while over why a modal that popped in using CSS animations would not scroll in Safari (but would briefly be scrollable before the first .5 seconds I noticed).

Apparently its a Safari behavior (bug?) that causes content to be un-scrollable if the animation property applied to it has run. Removing this property fixed the issue with scrolling in the modal. This does not impact Chrome or Firefox.

Jeremy Collins

Jeremy Collins
I'm a Software Engineer, most interested in developing attractive, fast, component-based progressive webapps. I also tinker with mobile app development for fun.

Ionic view + Swift view demo iOS project published

I published a quick project to demo a hybrid Ionic-based app sharing a view with a Swift codebase Continue reading