fix: blinking issue when reversing animation (fixes: #623, #586, #503, …

…#577)
juliangarnier · Apr 7, 2020 · 4d51b83 · 4d51b83
1 parent 2dec595
commit 4d51b83
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/documentation/index.html b/documentation/index.html
@@ -2687,7 +2687,10 @@ <h3 class="demo-title">Reverse</h3>
   easing: 'easeInOutSine'
 });
 
-document.querySelector('.reverse-anim-demo .reverse').onclick = animation.reverse;
+document.querySelector('.reverse-anim-demo .reverse').onclick = () => {
+  animation.reverse();
+  animation.play();
+}
 /*DEMO*/
 }
   </script>

diff --git a/src/index.js b/src/index.js
@@ -1115,6 +1115,7 @@ function anime(params = {}) {
 
   instance.reverse = function() {
     toggleInstanceDirection();
+    instance.completed = instance.reversed ? false : true;
     resetTime();
   }