correct display for container

dealfonso · Jun 16, 2023 · 51ea15c · 51ea15c
1 parent 187a343
commit 51ea15c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/js/simplelottieplayer.js b/js/simplelottieplayer.js
@@ -173,6 +173,9 @@ class SimpleLottiePlayer {
             return node;
         }
 
+        // The container must have relative position so that the overlays appear appropriately
+        this._container.style.display = "block";
+
         // Remove the event handler, if set
         if (this._buttonEventHandler !== null) {
             this._container.removeEventListener("click", this._buttonEventHandler);
@@ -219,7 +222,6 @@ class SimpleLottiePlayer {
 
             // The container must have relative position so that the overlays appear appropriately
             this._container.style.position = "relative";
-            this._container.style.display = "block";
 
             let player = this;
             fullScreenBtn.addEventListener('click', function(event) {

diff --git a/simplelottieplayer.js b/simplelottieplayer.js
@@ -288,6 +288,7 @@ class SimpleLottiePlayer {
             }
             return node;
         }
+        this._container.style.display = "block";
         if (this._buttonEventHandler !== null) {
             this._container.removeEventListener("click", this._buttonEventHandler);
             this._buttonEventHandler = null;
@@ -337,7 +338,6 @@ class SimpleLottiePlayer {
             this._container.prepend(fullScreenBtn);
             this._container.prepend(exitFullScreenBtn);
             this._container.style.position = "relative";
-            this._container.style.display = "block";
             let player = this;
             fullScreenBtn.addEventListener("click", function(event) {
                 player.resize(player._animationData["w"], player._animationData["h"], true);