Make ActionMenu story wrap on mobile (#2161)

devongovett · web-flow · commit 5d5fc02ad1eb · 2021-07-29T17:40:46.000-07:00
diff --git a/packages/@react-spectrum/menu/stories/ActionMenu.stories.tsx b/packages/@react-spectrum/menu/stories/ActionMenu.stories.tsx
@@ -96,7 +96,7 @@ function DirectionAlignment() {
     }
   };
 
-  return (<Flex alignItems="end" columnGap={10}>
+  return (<Flex alignItems="end" gap={10} wrap>
     <Picker label="Align" items={alignItems} selectedKey={align} onSelectionChange={handleAlignChange}>
       {(item) => <Item key={item.key}>{item.label}</Item>}
     </Picker>

Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,7 @@ function DirectionAlignment() {`
`96`	`96`	`}`
`97`	`97`	`};`
`98`	`98`
`99`		`- return (<Flex alignItems="end" columnGap={10}>`
	`99`	`+ return (<Flex alignItems="end" gap={10} wrap>`
`100`	`100`	`<Picker label="Align" items={alignItems} selectedKey={align} onSelectionChange={handleAlignChange}>`
`101`	`101`	`{(item) => <Item key={item.key}>{item.label}</Item>}`
`102`	`102`	`</Picker>`