fix: bouncing up when crossing between tabs

exadel-inc · Feb 3, 2021 · ea7053b · ea7053b
1 parent 9e2ff2d
commit ea7053b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/modules/esl-panel/core/esl-panel-stack.ts b/src/modules/esl-panel/core/esl-panel-stack.ts
@@ -84,7 +84,7 @@ export class ESLPanelStack extends ESLBaseElement {
   protected _onBeforeHide(e: CustomEvent) {
     const target = e.target;
     if (!this.includesPanel(target)) return;
-    this._previousHeight = this.scrollHeight;
+    this._previousHeight = this.offsetHeight;
   }
 
   /** Animate height of component */

diff --git a/src/modules/esl-panel/core/esl-panel.ts b/src/modules/esl-panel/core/esl-panel.ts
@@ -49,7 +49,7 @@ export class ESLPanel extends ESLBasePopup {
 
   protected onShow(params: PanelActionParams) {
     super.onShow(params);
-    this._initialHeight = this.scrollHeight;
+    this._initialHeight = this.offsetHeight;
 
     if (params.noAnimation) return;
 
@@ -63,7 +63,7 @@ export class ESLPanel extends ESLBasePopup {
   }
 
   protected onHide(params: PanelActionParams) {
-    this._initialHeight = this.scrollHeight;
+    this._initialHeight = this.offsetHeight;
     super.onHide(params);
 
     if (params.noAnimation) return;