Accessiblity: Navigation issues using keyboard on <Menu/>

Describe the bug In <Menu/> component while navigating with keyboard if <MenuItem/> is or has Link inside it’s not navigating but onClick event gets triggered perfectly and clicking using mouse also works fine.

below is the example taken from https://chakra-ui.com/menu#usage

<Menu>
  <MenuButton as={Button} rightIcon="chevron-down">
    Actions
  </MenuButton>
  <MenuList>
    <MenuItem onClick={() => alert("Hello World!")}>Works</MenuItem>
    <MenuItem as="a" href="https://www.foobars.in">Does Nothing</MenuItem>
  </MenuList>
</Menu>

Expected Behavior Should navigate to href on pressing enter on <MenuItem/> component

To Reproduce

1. Navigate to Second menu item
2. Press enter on selected component
3. Nothing happens instead of navigating

Suggested solution(s)

Desktop (please complete the following information):

• OS: [e.g. iOS]: Linux
• Browser [e.g. chrome, safari]: Chrome
• Version [e.g. 22]: 79.0.3945.79

Additional context NA

[segunadebayo]

Hi @harshzalavadiya,

We’ve just resolved this issue in preparation for the next release.

Thanks for reporting it.

[segunadebayo]

Hi @harshzalavadiya,

We’ll look into this for the next release.