alibaba-fusion / next

🦍 A configurable component library for web built on React.
https://fusion.design
MIT License
4.59k stars 591 forks source link

[Dropdown] alife/next@1.x 版本,Dropdown 和 Menu 一起使用时,弹出的菜单时,第一个选项默认显示为 hover 状态,且无法恢复,hover 其他选项时,第一个选项仍然是 hover 状态 #149

Closed JudithHuang closed 5 years ago

JudithHuang commented 5 years ago

Version

Component

~TreeSelect~ Dropdown

Environment

和环境无关

Reproduction link

https://riddle.alibaba-inc.com/riddles/f2b6a306?mode=jsx

Steps to reproduce

见代码

youluna commented 5 years ago

点击展开Dropdown后,弹层里第一个元素的默认选中态是为支持无障碍键盘导航默认聚焦的。

可以通过<Dropdown autoFocus={false}>禁用自动聚焦,这样不会有第一个元素的默认选中态,同时使用键盘访问dropdown时需要多切一次tab才能到弹层里。

将在下个Y位版本优化这里的逻辑,当通过键盘事件触发children展开时,才默认聚焦到弹层里。

youluna commented 5 years ago

1.12.0 fixed