Repository navigation
[Select] MuiNativeSelect-iconOpen is not applied when control is opened #35781
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Steps to reproduce 🕹
Link to live example:
The issue is visible on the component's demo page in the documentation: Select.
Steps:
- Open the demo page on a mobile device or a browser's emulated mobile view
- Click on the Native Select demo component
Current behavior 😯
The icon does not rotate because the MuiNativeSelect-iconOpen class is not applied to the icon when the control is opened.
Expected behavior 🤔
The icon rotates because the MuiNativeSelect-iconOpen class is applied to the icon, just like it works for the regular Select component.
Context 🔦
I was trying to implement a custom dropdown icon and overriding the MuiNativeSelect-iconOpen did not do anything despite being mentioned on the component's api documentation, leading me to notice that said class is never actually applied to the icon.
Your environment 🌎
Irrelevant considering this issue also occurs on the component's demo page.
Activity
[-]NativeSelect: MuiNativeSelect-iconOpen is not applied when control is opened[/-][+][Select] MuiNativeSelect-iconOpen is not applied when control is opened[/+]michaldudak commentedon Jan 13, 2023
Thanks for reporting this. The docs clearly don't match the implementation.
BTW, does it work for you on a desktop browser?
star-illwerkevkw commentedon Jan 13, 2023
It does not work on desktop either, seems like its broken for the Native Select in general.
sai6855 commentedon Jan 17, 2023
@michaldudak i've inspected code, it looks like NativeSelect does't have a way to know if pop up is opened or not. code has variable named
openbut value of thisopenis always undefined. Should i open a PR which removesopenvariable to avoid confusion?material-ui/packages/mui-material/src/NativeSelect/NativeSelectInput.js
Line 11 in c1936ad
michaldudak commentedon Jan 20, 2023
The problem here is that the NativeSelectInput styles are also used by the (non-native) SelectInput. The SelectInput should have its own styles. Feel free to implement such a change.
As for the root cause of the problem, I'm not aware of the way to determine if a native select is open, so updating the docs to describe the actual behavior is the most we can do here.
github-actions commentedon Oct 27, 2026
This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.
@star-illwerkevkw Thanks again for creating this issue! If you have a moment, we would love to hear your thoughts on how we handled it with this short feedback form.