diff --git a/packages/react-aria-components/src/GridList.tsx b/packages/react-aria-components/src/GridList.tsx index ec837fabffe..7711cf95e4e 100644 --- a/packages/react-aria-components/src/GridList.tsx +++ b/packages/react-aria-components/src/GridList.tsx @@ -156,7 +156,8 @@ function GridListInner({props, collection, gridListRef: ref}: // Only tab navigation is supported in grid layout. keyboardNavigationBehavior: layout === 'grid' ? 'tab' : keyboardNavigationBehavior, isVirtualized, - shouldSelectOnPressUp: props.shouldSelectOnPressUp + shouldSelectOnPressUp: props.shouldSelectOnPressUp, + disallowTypeAhead }, filteredState, ref); let selectionManager = filteredState.selectionManager; diff --git a/packages/react-aria-components/stories/GridList.stories.tsx b/packages/react-aria-components/stories/GridList.stories.tsx index 0d8c197519a..b6f0174a509 100644 --- a/packages/react-aria-components/stories/GridList.stories.tsx +++ b/packages/react-aria-components/stories/GridList.stories.tsx @@ -68,15 +68,15 @@ export const GridListExample: GridListStory = (args) => ( gridTemplate: args.layout === 'grid' ? 'repeat(3, 1fr) / repeat(3, 1fr)' : 'auto / 1fr', gridAutoFlow: 'row' }}> - 1,1 - 1,2 - 1,3 - 2,1 - 2,2 - 2,3 - 3,1 - 3,2 - 3,3 + 1,1 + 1,2 + 1,3 + 2,1 + 2,2 + 2,3 + 3,1 + 3,2 + 3,3 ); @@ -103,7 +103,8 @@ GridListExample.story = { args: { layout: 'stack', escapeKeyBehavior: 'clearSelection', - shouldSelectOnPressUp: false + shouldSelectOnPressUp: false, + disallowTypeAhead: false }, argTypes: { layout: { @@ -634,3 +635,4 @@ export let GridListInModalPicker: StoryObj = } } }; +