UI: Ensure Select sets body inert

Sidnioulz · Sidnioulz · commit 72cc97e8198f · 2025-12-03T18:24:22.000+01:00
diff --git a/code/core/src/components/components/Select/Select.tsx b/code/core/src/components/components/Select/Select.tsx
@@ -4,7 +4,7 @@ import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState }
 import { RefreshIcon } from '@storybook/icons';
 
 import { useInteractOutside } from '@react-aria/interactions';
-import { Overlay, useOverlay, useOverlayPosition } from '@react-aria/overlays';
+import { Overlay, ariaHideOutside, useOverlay, useOverlayPosition } from '@react-aria/overlays';
 import { useObjectRef } from '@react-aria/utils';
 import { useOverlayTriggerState } from '@react-stately/overlays';
 import { darken, transparentize } from 'polished';
@@ -142,6 +142,12 @@ const MinimalistPopover: FC<{
     onInteractOutside: handleClose,
   });
 
+  useEffect(() => {
+    if (popoverRef.current) {
+      return ariaHideOutside([popoverRef.current], { shouldUseInert: true });
+    }
+  }, [popoverRef]);
+
   const { overlayProps: positionProps } = useOverlayPosition({
     targetRef: triggerRef,
     overlayRef: popoverRef,
