fix: translate on resize

gravity-ui · Oct 18, 2023 · 66593c1 · 66593c1
1 parent 6bd7eb0
commit 66593c1
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/Sheet/SheetContent.tsx b/src/components/Sheet/SheetContent.tsx
@@ -382,7 +382,7 @@ class SheetContent extends React.Component<SheetContentInnerProps, SheetContentS
     private onContentTransitionEnd = (e: React.TransitionEvent<HTMLDivElement>) => {
         if (e.propertyName === 'height') {
             if (this.sheetContentRef.current) {
-                this.sheetContentRef.current.style.transition = 'none';
+                // this.sheetContentRef.current.style.transition = 'none';
             }
         }
     };
@@ -403,14 +403,15 @@ class SheetContent extends React.Component<SheetContentInnerProps, SheetContentS
         const contentHeight = this.sheetTitleHeight + this.innerContentHeight;
 
         const viewportHeight = window.innerHeight;
-        const resultFullHeight =
+        const resultHeight =
             contentHeight >= viewportHeight
                 ? viewportHeight * MAX_CONTENT_HEIGHT_FROM_VIEWPORT_COEFFICIENT
                 : contentHeight;
-        const resultContentHeight = resultFullHeight - this.sheetTopHeight;
 
-        this.sheetContentRef.current.style.height = `${resultContentHeight}px`;
-        this.sheetRef.current.style.transform = `translate3d(0, -${resultFullHeight}px, 0)`;
+        this.sheetContentRef.current.style.height = `${resultHeight}px`;
+        this.sheetRef.current.style.transform = `translate3d(0, -${
+            resultHeight + this.sheetTopHeight
+        }px, 0)`;
     };
 
     private addListeners() {