Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

When select is searchable and the number of options is 9 or 10, the drop-down box cannot be scrolled after searching #4971

Closed
1 task done
tracy2zhang opened this issue Dec 3, 2021 · 1 comment
Labels

Comments

@tracy2zhang
Copy link

tracy2zhang commented Dec 3, 2021

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.0.0-alpha.13

Environment

vue3.2.16, chrome 95.0.4638.69,macos12.0.1

Reproduction link

Edit on CodeSandbox

Steps to reproduce

1.设置select可搜索(多选或单选showSearch为true)
2.options数量设置9或者10
3.在输入框中搜索选项(确保是能搜到的,搜到空的话不会复现)
4.选中一项或点击其他区域收起下拉弹框
5.再次点开下拉弹框

What is expected?

再次点开下拉弹框后,下拉弹框仍然可以滚动

What is actually happening?

再次点开下拉弹框后,下拉弹框无法滚动


  1. 如果options数量大于10,则不会出现上面的问题,但是会有另外一个小问题,就是下拉弹框在filter后即使只有一条,右边的滚动条也会显示
  2. 滚动条的高度所体现的滚动比例也比较奇怪,比如有9条options的时候也就是其实只有最后一条超出了显示范围,但此时滚动条的高度只有下拉弹框高度的一半,让人感觉下面还有很多东西没看到
@github-actions github-actions bot changed the title select可搜索并且选项数为9或10时,搜索后下拉框便不能再滚动 When select is searchable and the number of options is 9 or 10, the drop-down box cannot be scrolled after searching Dec 3, 2021
@github-actions
Copy link

github-actions bot commented Dec 5, 2022

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Dec 5, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

1 participant