diff --git a/change/@fluentui-react-native-menu-a96c1b53-cb9d-458c-b095-985d51025bc1.json b/change/@fluentui-react-native-menu-a96c1b53-cb9d-458c-b095-985d51025bc1.json new file mode 100644 index 0000000000..9cb5350cb2 --- /dev/null +++ b/change/@fluentui-react-native-menu-a96c1b53-cb9d-458c-b095-985d51025bc1.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Stop propagation of left right arrow keys for menu", + "packageName": "@fluentui-react-native/menu", + "email": "ruaraki@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/components/Menu/src/MenuPopover/useMenuPopover.ts b/packages/components/Menu/src/MenuPopover/useMenuPopover.ts index 0bd87d544a..7779404801 100644 --- a/packages/components/Menu/src/MenuPopover/useMenuPopover.ts +++ b/packages/components/Menu/src/MenuPopover/useMenuPopover.ts @@ -7,7 +7,7 @@ import type { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types'; import { useMenuContext } from '../context/menuContext'; const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'] as DismissBehaviors[]; -const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'Tab', 'Home', 'End', 'Escape'] as const; +const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'] as const; export const useMenuPopover = (props: MenuPopoverProps): MenuPopoverState => { const context = useMenuContext();