fix: Prevent submenus from closing on scroll

adobe · Mar 7, 2025 · 10232fc · 10232fc
1 parent 55113ca
commit 10232fc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/@react-aria/overlays/src/usePopover.ts b/packages/@react-aria/overlays/src/usePopover.ts
@@ -106,7 +106,7 @@ export function usePopover(props: AriaPopoverProps, state: OverlayTriggerState):
     targetRef: triggerRef,
     overlayRef: popoverRef,
     isOpen: state.isOpen,
-    onClose: isNonModal ? state.close : null
+    onClose: isNonModal && !isSubmenu ? state.close : null
   });
 
   usePreventScroll({

diff --git a/packages/react-aria-components/docs/SearchField.mdx b/packages/react-aria-components/docs/SearchField.mdx
@@ -78,6 +78,7 @@ import {SearchField, Label, Input, Button} from 'react-aria-components';
 
   .react-aria-Input {
     grid-area: input;
+    width: 100%;
     padding: 0.286rem 1.714rem 0.286rem 0.286rem;
     margin: 0;
     border: 1px solid var(--border-color);