fix: prevent menu items from overlapping in firefox (#7754)

* fix: prevent menu items from overlapping in firefox

* fix overlapping menu items in picker and combobox

Author: yihuiliao

packages/@react-spectrum/s2/src/Menu.tsx

@@ -115,7 +115,8 @@ export let menu = style({
     isPopover: 8
   },
   fontFamily: 'sans',
-  fontSize: 'control'
+  fontSize: 'control',
+  gridAutoRows: 'min-content'
 }, getAllowedOverrides());
 
 export let section = style({

packages/@react-spectrum/s2/src/Picker.tsx

@@ -190,7 +190,8 @@ export let menu = style({
   overflow: 'auto',
   padding: 8,
   fontFamily: 'sans',
-  fontSize: 'control'
+  fontSize: 'control',
+  gridAutoRows: 'min-content'
 });
 
 const invalidBorder = style({