Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
919 stars 358 forks source link

fix(select): 修复 flattenOptions 方法分组扁平化问题及上下键切换功能 #3278

Closed dhwebs closed 3 months ago

dhwebs commented 3 months ago
  • 修复了 flattenOptions 函数未正确扁平化分组,导致在分组间切换时上下键无法正确切换的问题。
  • 修复了上下键切换时,激活项未能滚动到下拉面板视口内的问题。

🤔 这个 PR 的性质是?

🔗 相关 Issue

issue链接 :https://github.com/Tencent/tdesign-vue/issues/3272

💡 需求背景和解决方案

需求背景: 展开下拉框后,用键盘的方向键向下选取,当选项数量多超出下拉面板有滚动条时,继续用方向键向下,下拉面板内容不会跟着滚动。 解决方案:在监听上下键事件的地方,加上滚动方法 setHoverIntoView,使键盘选取项滚动到下拉面板视口

📝 更新日志

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

github-actions[bot] commented 3 months ago

完成