Arrow keys for Input dropdown with option submenus

[dornach-mateusz-szumilo]

Hello, I have an input with options.. Some of the options have more options in the form of a submenu. However for the love of god I am unable to navigate into the submenu with arrow keys. I used a function with event.key === ArrowRight to set state to open, and select the first element from the list. But from there, I need to disable up and down arrow keys for the main dropdown so I can move into the submenu. But nothing seems to work ! e.preventDefault() e.stopPropagate nothing works, the up and down keys stiill only go down for the main menu.

Any ideas of what I need to do ?