[Select] Navigation using keyboard doesn't work when the select is inside a menu list

[BAISTM]

Steps to reproduce

Steps:

1. Open this link to live example: (required).
2. Open the select menu dropdown.
3. Navigate using up and down arrows.

Current behavior

Cannot navigate in the select menu dropdown using the keyboard arrows when it's inside a MenuList component.

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: MenuList Select Navigation Keyboard

[mj12albert]

@BAISTM Could you share some details about your actual use-case?

MenuList is not really intended to contain a Select and is used like this: https://mui.com/material-ui/react-menu/#composition-with-menu-list

[BAISTM]

Hi @mj12albert,

In my use case, I have a popper that opens a dropdown containing a MenuList, and a Select wrapped by a MenuItem.

[DiegoAndai]

Hey @BAISTM, why must you wrap the Select in the MenuList? As @mj12albert said, this is not supported, but if you explain your use case in detail we might be able to guide you.