Open jmebradl23 opened 4 years ago
Same issue with me
Try change the animateIn to 'animateanimated animatefadeIn', like so:
<ScrollAnimation animateIn='animate__animated animate__fadeIn'>
As of animate.css v4.0.0, CSS classes for animations are all prefixed with animate__
to avoid class clashes. Simply replace animateIn="fadeInLeft"
with animateIn="animate__fadeInLeft"
to fix this issue.
Try to add "#root" as parent selector like this :
<ScrollAnimation animateIn='animate__animated animate__fadeInUp' scrollableParentSelector='#root'>
<h1>Hello</h1>
</ScrollAnimation>
Attempted to do a simple test:
But the component isn't showing up on the page on scroll. Element is in the DOM but animation is not getting triggered. Only thing I see in the console is: "[HMR] Waiting for update signal from WDS..."
Any ideas?