[material-ui][Select] Aria-controls references invalid id when not expanded

[siddhantantil39]

Steps to reproduce

Aria-controls references invalid id when not expanded mui select component

Link to live example: (required)
Go to: https://mui.com/material-ui/react-select/

Steps:

1. Download ARC Toolkit: https://chromewebstore.google.com/detail/arc-toolkit/chdkkkccnlfncngelccgbgfmjebmkmce?hl=en and install it
2. Expand Inspect and select ARC Toolkit and Run tests on https://mui.com/material-ui/react-select/
3. Look into the error for "ARIA attribute value is incorrect
   Description: The value :R9alal9h9l6kud6: is not allowed on the aria-controls attribute(s)."

It is also observed using access-assistant also.

PFA the ARC snapshot:

Current behavior

ARIA attribute value is incorrect is observed on the select component upon ADA Testing using automation tools such as ARC.

Expected behavior

Aria-control should refer to the id of the menu-item, in non-expanded state also.

Context

No response

Your environment

No response

Search keywords: select

[DiegoAndai]

Thanks for the report @siddhantantil39!

@michaldudak, do you know what's the behaviour on Base UI's Select regarding this?

[michaldudak]

AFAIR @mui/base did not place the aria-controls attribute when its target doesn't exist. @atomiks, how does the new implementation handle this case?

[atomiks]

@michaldudak yes, aria-controls is not added to the trigger unless the popup is in the open state