fix: initial nested transform (#491)

emilkowalski · Oct 29, 2024 · 5bccd2c · 5bccd2c
1 parent ef51e9f
commit 5bccd2c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -680,15 +680,15 @@ export function Root({
   function onNestedOpenChange(o: boolean) {
     const scale = o ? (window.innerWidth - NESTED_DISPLACEMENT) / window.innerWidth : 1;
 
-    const y = o ? -NESTED_DISPLACEMENT : 0;
+    const initialTranslate = o ? -NESTED_DISPLACEMENT : 0;
 
     if (nestedOpenChangeTimer.current) {
       window.clearTimeout(nestedOpenChangeTimer.current);
     }
 
     set(drawerRef.current, {
       transition: `transform ${TRANSITIONS.DURATION}s cubic-bezier(${TRANSITIONS.EASE.join(',')})`,
-      transform: `scale(${scale}) translate3d(0, ${y}px, 0)`,
+      transform: isVertical(direction) ? `scale(${scale}) translate3d(0, ${initialTranslate}px, 0)` : `scale(${scale}) translate3d(${initialTranslate}, 0, 0)`,
     });
 
     if (!o && drawerRef.current) {