modern-normalize
modern-normalize copied to clipboard
Add `-webkit-overflow-scrolling: touch`?
when you have something like overflow: auto;
, on desktop browsers and Android the scroll is natural. Only on iOS it stops scrolling immediately when you release your finger. According to mdn, -webkit-overflow-scrolling
is not standard so I feel like this is a missing default feature on iOS.
Where would you add it?
There must be a reason why it's a CSS property and not just on by default. This will require more research.
For example, some potential gotchas:
- https://stackoverflow.com/questions/7808110/css3-property-webkit-overflow-scrollingtouch-error
- https://stackoverflow.com/questions/29695082/mobile-web-webkit-overflow-scrolling-touch-conflicts-with-positionfixed
- https://cantina.co/ios-5-native-scrolling-grins-and-gotchas/ (These are old issues, but no mention whether they're solved in later iOS versions)