Merge branch 'master' of https://github.com/cgkineo/adapt-graphicLottie

cgkineo · Sep 6, 2023 · 213d257 · 213d257
2 parents 5188eb8 + 9ed81ea
commit 213d257
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "adapt-graphicLottie",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "framework": ">=5.14",
   "homepage": "https://github.com/cgkineo/adapt-graphicLottie",
   "issues": "https://github.com/cgkineo/adapt-graphicLottie/issues",

diff --git a/js/adapt-graphicLottie.js b/js/adapt-graphicLottie.js
@@ -42,7 +42,15 @@ class GraphicLottie extends Backbone.Controller {
     const $img = $(img);
     const div = document.createElement('div');
     const $div = $(div);
-    $img.replaceWith($div);
+
+    // Do replaceWith using detach instead of remove to preserve
+    // imageready event listeners
+    const $parent = $img.parent();
+    const previousSibling = $img[0].previousSibling;
+    $img.detach();
+    if (!previousSibling) $parent.prepend($div);
+    else $div.insertAfter(previousSibling);
+
     const lottieView = div.lottieView = new LottieView({
       el: div,
       replacedEl: img

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "adapt-graphicLottie",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "framework": ">=5.14",
   "homepage": "https://github.com/cgkineo/adapt-graphicLottie",
   "issues": "https://github.com/cgkineo/adapt-graphicLottie/issues",