From adccb0e5bd96acf2a575741634d79c44cc559e92 Mon Sep 17 00:00:00 2001
From: seb <varseb@gmail.com>
Date: Sat, 28 Mar 2026 19:22:03 -0300
Subject: [PATCH] prevent backdrop flash on sheet opening

---
 src/sheet.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/sheet.tsx b/src/sheet.tsx
index 32557eb..50cc2e5 100644
--- a/src/sheet.tsx
+++ b/src/sheet.tsx
@@ -26,6 +26,7 @@ import {
 } from './constants';
 import { ExposedSheetContext, InternalSheetContext } from './context';
 import { useDimensions } from './hooks/use-dimensions';
+import { useIsomorphicLayoutEffect } from './hooks/use-isomorphic-layout-effect';
 import { useKeyboardAvoidance } from './hooks/use-keyboard-avoidance';
 import { useModalEffect } from './hooks/use-modal-effect';
 import { usePreventScroll } from './hooks/use-prevent-scroll';
@@ -320,6 +321,12 @@ export const Sheet = forwardRef<any, SheetProps>(
       },
     });
 
+    useIsomorphicLayoutEffect(() => {
+      if (state === 'opening') {
+        y.set(closedY);
+      }
+    }, [state, closedY, y]);
+
     const dragProps: InternalContextType['dragProps'] = {
       drag: 'y',
       dragElastic: 0,