重复问题
- 我已搜索现有的问题
最新版本
- 我已测试了最新版本
重现步骤 🕹
链接到实时示例：
问题在文档中的组件演示页面上可见：选择。
步骤：
- 在移动设备或浏览器的模拟移动视图上打开演示页面
- 点击原生选择组件的Native Select演示组件
当前行为 😯
图标不会旋转，因为当控件打开时，MuiNativeSelect-iconOpen类没有应用于图标。
预期行为 🤔
图标会旋转，因为MuiNativeSelect-iconOpen类被应用于图标，就像它对常规选择组件一样有效。
上下文 🔦
我试图实现一个自定义下拉图标，并覆盖MuiNativeSelect-iconOpen,但尽管在组件的API文档中提到了这一点，但它似乎什么都没做，导致我注意到该类实际上从未应用于图标。
你的环境 🌎
与此问题同时出现在组件的演示页面上无关。
4条答案
按热度按时间hsvhsicv1#
感谢您报告这个问题。文档显然与实现不匹配。顺便问一下，它在桌面浏览器上是否对您有效？
yftpprvb2#
它在桌面上也无法正常工作，似乎对于原生选择来说是坏掉了。
kuuvgm7e3#
@michaldudak 我已经检查了代码，看起来NativeSelect似乎没有一种方法来判断弹出窗口是否已经打开。代码中有一个名为
open的变量，但这个open的值总是未定义。我应该发起一个PR来移除open变量以避免混淆吗？material-ui/packages/mui-material/src/NativeSelect/NativeSelectInput.js
第11行 c1936ad
| | const{ classes, variant, disabled, open }=ownerState; |
e5njpo684#
问题在于，原生的
SelectInput样式也被非原生的SelectInput使用。SelectInput应该有自己的样式。请自由地实现这样的更改。至于问题的根源，我不清楚如何判断一个原生的选择器是否打开，所以更新文档以描述实际行为是我们能做的最好的事情。