Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[BUG] [iOS13] whileTap doesn't animate back to initial props when interrupted with scrolling
See original GitHub issueDescription
whileTap should animate back to initial element props when tap is over, but that doesn’t happen when starting a scroll from the tap target.
Environment
• iOS 13.1 beta (17A5821e) (also on iOS 13.0 builds) • Safari
Demo
Issue Analytics
- State:
- Created 4 years ago
- Reactions:5
- Comments:5
Top Results From Across the Web
Scroll animations | Framer for Developers
Scroll -triggered animations are normal animations that start when an element enters or leaves the viewport. The whileInView prop can be used to...
Read more >Framer Motion doesn't animate correctly with viewport
However, if I scroll down too fast, animation seems to stop, and when I scroll back to the element, it continues at the...
Read more >How to Animate Elements When in View on Scroll with Framer ...
Framer Motion is a declarative animation library for React. ... Set the initial prop to "hidden" this tells Framer you want this div...
Read more >touch-action - CSS: Cascading Style Sheets - MDN Web Docs
Enable single-finger gestures that begin by scrolling in the given direction(s). Once scrolling has started, the direction may still be reversed ...
Read more >Issues with position fixed & scrolling on iOS - Remy Sharp
Update: I've added "scrolling == unusable position:fixed element" based on Corey Duston pointing out more bugs with position fixed.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Is this a problem related to framer motion or is it a temporary bug in safari on iOS 13? On iOS 12 it works like a charm. I’m asking because the
touch-action: nonesolution doesn’t cut it for me because I want to build a table-like layout where every cell is clickable, needless to say thattouch-action: nonedoesn’t work here because scrolling wouldn’t work anymore.Did anyone find a solution to this issue? I’m having same problem when scrolling a listView with Clickable cards.