fix(prevent-scroll): wait for presence to finish before enabling scroll (#447)

Author: GiyoMoon

packages/core/src/combobox/combobox-content.tsx

@@ -120,7 +120,7 @@ export function ComboboxContent<T extends ValidComponent = "div">(
 
 	createPreventScroll({
 		element: () => ref ?? null,
-		enabled: () => context.isOpen() && context.preventScroll(),
+		enabled: () => context.contentPresent() && context.preventScroll(),
 	});
 
 	createFocusScope(

packages/core/src/dialog/dialog-content.tsx

@@ -202,7 +202,7 @@ export function DialogContent<T extends ValidComponent = "div">(
 
 	createPreventScroll({
 		element: () => ref ?? null,
-		enabled: () => context.isOpen() && context.preventScroll(),
+		enabled: () => context.contentPresent() && context.preventScroll(),
 	});
 
 	createFocusScope(

packages/core/src/menu/menu-content.tsx

@@ -37,7 +37,7 @@ export function MenuContent<T extends ValidComponent = "div">(
 
 	createPreventScroll({
 		element: () => ref ?? null,
-		enabled: () => context.isOpen() && rootContext.preventScroll(),
+		enabled: () => context.contentPresent() && rootContext.preventScroll(),
 	});
 
 	return (

packages/core/src/popover/popover-content.tsx

@@ -206,7 +206,7 @@ export function PopoverContent<T extends ValidComponent = "div">(
 
 	createPreventScroll({
 		element: () => ref ?? null,
-		enabled: () => context.isOpen() && context.preventScroll(),
+		enabled: () => context.contentPresent() && context.preventScroll(),
 	});
 
 	createFocusScope(

packages/core/src/select/select-content.tsx

@@ -111,7 +111,7 @@ export function SelectContent<T extends ValidComponent = "div">(
 
 	createPreventScroll({
 		element: () => ref ?? null,
-		enabled: () => context.isOpen() && context.preventScroll(),
+		enabled: () => context.contentPresent() && context.preventScroll(),
 	});
 
 	createFocusScope(