material-ui-nested-menu-item icon indicating copy to clipboard operation
material-ui-nested-menu-item copied to clipboard

Nested MenuItem don't close when using keyboard to select

Open Al0ngsy opened this issue 4 years ago • 1 comments

What you were expecting: When using the arrow key to navigate on NestedMenuItem-List the popup menu close upon changing to the next NestedMenuItem and a new menu popup open.

What happened instead: When using the arrow key to navigate up and down on the NestedMenuItem-List the nested menu popup of the previous selected one are still there and don't close by themselves and the new popup are rendered above the old ones.

Steps to reproduce:

  • go to https://codesandbox.io/s/material-ui-nested-menu-item-example-b25j6?file=/src/App.tsx:209-221
  • right click on the text to open menu
  • pressing keydown several times

Al0ngsy avatar Apr 07 '20 13:04 Al0ngsy

Here is a javascript solution: https://github.com/mui-org/material-ui/issues/11723#issuecomment-632132246

ProfessorX737 avatar May 21 '20 15:05 ProfessorX737