fix(present): ionic cancel transitions on initialization (#216)

tech-systems · Aug 14, 2023 · a944d32 · a944d32
1 parent 1f283a3
commit a944d32
Show file tree

Hide file tree

Showing 22 changed files with 51 additions and 23 deletions.
diff --git a/dist/core/index.js b/dist/core/index.js
diff --git a/dist/cupertino-pane.esm.js b/dist/cupertino-pane.esm.js
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: August 8, 2023
+ * Released on: August 14, 2023
  */
 
 /******************************************************************************
@@ -1960,6 +1960,7 @@ class CupertinoPane {
         // Ion-content element
         if (this.device.ionic) {
             this.ionContent = document.querySelector('ion-content');
+            this.ionApp = document.querySelector('ion-app');
         }
         // Events listeners
         if (this.settings.events) {
@@ -2129,6 +2130,15 @@ class CupertinoPane {
             Object.assign(this.paneEl.style, (_a = conf === null || conf === void 0 ? void 0 : conf.transition) === null || _a === void 0 ? void 0 : _a.from);
             // Show elements
             this.wrapperEl.style.display = 'block';
+            /**
+             * Ionic cancel transition if the app is not ready
+             * https://github.com/tech-systems/panes/issues/216
+             * Good to get rid of that.
+             */
+            if (this.device.ionic) {
+                yield this.ionApp['componentOnReady']();
+                yield new Promise(resolve => requestAnimationFrame(resolve));
+            }
             this.contentEl.style.display = 'block';
             this.wrapperEl.classList.add('rendered');
             this.rendered = true;

diff --git a/dist/cupertino-pane.esm.min.js b/dist/cupertino-pane.esm.min.js
diff --git a/dist/cupertino-pane.esm.min.js.map b/dist/cupertino-pane.esm.min.js.map
diff --git a/dist/cupertino-pane.js b/dist/cupertino-pane.js
diff --git a/dist/cupertino-pane.js.map b/dist/cupertino-pane.js.map
diff --git a/dist/cupertino-pane.min.js b/dist/cupertino-pane.min.js
diff --git a/dist/modules/backdrop.js b/dist/modules/backdrop.js
diff --git a/dist/modules/fit-height.js b/dist/modules/fit-height.js
diff --git a/dist/modules/follower.js b/dist/modules/follower.js
diff --git a/dist/modules/horizontal.js b/dist/modules/horizontal.js