tiny-vue icon indicating copy to clipboard operation
tiny-vue copied to clipboard

🐛 [Select]: 多选情况下按上下键进行选择,页面滚动条会跟着滚动

Open AcWrong02 opened this issue 1 year ago • 3 comments

Version

latest

Vue Version

latest

Link to minimal reproduction

https://opentiny.design/tiny-vue/zh-CN/os-theme/components/select#multiple

Step to reproduce

  1. 打开官方文档:https://opentiny.design/tiny-vue/zh-CN/os-theme/components/select#multiple
  2. 点击多选的一个demo后,按上下键进行选择选项(会发现页面滚动条也会跟着一起滚动)。如果第一次没有出现这种情况,就关闭多选框后再打开,继续按上下键进行选择选项。

What is expected

页面滚动条不受上下键按下的影响

What is actually happening

当前页面滚动条会受上下键按下的影响

What is your project name

null

Any additional comments (optional)

No response

AcWrong02 avatar Apr 03 '24 10:04 AcWrong02

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Select]: In the case of multiple selection, press the up and down keys to select, and the page scroll bar will scroll accordingly.

Issues-translate-bot avatar Apr 03 '24 10:04 Issues-translate-bot

单选是支持键盘上下键操作的。 多选是丢失了上下键功能。 用户反馈的浏览器滚动,其实是浏览器的默认行为,不算是bug, 没有select组件,上下键也是会让浏览器滚动 。

多选的上下键功能需要讨论。

shenjunjian avatar Aug 03 '24 07:08 shenjunjian

Bot detected the issue body's language is not English, translate it automatically.


Radio selection supports keyboard up and down key operations. Multi-selection has lost the up and down key functions. The browser scrolling reported by users is actually the default behavior of the browser and is not considered a bug. Without the select component, the up and down keys will also cause the browser to scroll.

The multi-select up and down key functions need to be discussed.

Issues-translate-bot avatar Aug 03 '24 07:08 Issues-translate-bot