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.

React app code splitting with React-Loadable dynamic imports, using TypeScript and WebPack

A few setting changes were needed in order to get my react app code-splitting properly in a project with TypeScript and WebPack Continue reading

Node OAuth Starter Project uploaded

Published on August 11, 2018

Codable Web Development Tools for iOS released

Published on December 19, 2017