fix: Prevent submenus from closing on scroll (#7894)

Author: devongovett

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({

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);