From 3ee3fd8ddc9c7f516e22763652ea5f0c3077c27d Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Thu, 16 Oct 2025 12:23:10 -0500 Subject: [PATCH] fix(Autocomplete): links not opening in new tab on meta key modifier (#8997) * fix: autocomplete links not opening in new tab on meta key modifier * dispatch PointerEvent instead * lint * fire Mouse event instead * use PointerEvent and fix test --- packages/@react-aria/autocomplete/src/useAutocomplete.ts | 2 +- .../react-aria-components/test/AriaAutocomplete.test-util.tsx | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/@react-aria/autocomplete/src/useAutocomplete.ts b/packages/@react-aria/autocomplete/src/useAutocomplete.ts index 313615d5977..2110caebeef 100644 --- a/packages/@react-aria/autocomplete/src/useAutocomplete.ts +++ b/packages/@react-aria/autocomplete/src/useAutocomplete.ts @@ -311,7 +311,7 @@ export function useAutocomplete(props: AriaAutocompleteOptions, state: Aut // Trigger click action on item when Enter key was pressed. if (focusedNodeId != null) { let item = document.getElementById(focusedNodeId); - item?.click(); + item?.dispatchEvent(new PointerEvent('click', e.nativeEvent)); } break; } diff --git a/packages/react-aria-components/test/AriaAutocomplete.test-util.tsx b/packages/react-aria-components/test/AriaAutocomplete.test-util.tsx index 2aa875ff396..a811e52c688 100644 --- a/packages/react-aria-components/test/AriaAutocomplete.test-util.tsx +++ b/packages/react-aria-components/test/AriaAutocomplete.test-util.tsx @@ -752,6 +752,7 @@ export const AriaAutocompleteTests = ({renderers, setup, prefix, ariaPattern = ' if (renderers.links) { describe('with links', function () { + installPointerEvent(); it('should trigger the link option when hitting Enter', async function () { let {getByRole} = (renderers.links!)(); let input = getByRole('searchbox');