ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

a-select 虚拟滚动使用slot dropdownRender 时,增加超过一屏的选项时,重复打开选项时,列表出现空白【官方文档即可复现】

Open coder-virjay opened this issue 1 year ago • 6 comments
trafficstars

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

Version

4.2.1

Environment

Chrome/124

Reproduction link

https://www.antdv.com/components/select-cn#components-select-demo-custom-dropdown-menu

Steps to reproduce

打开官方文档的select链接,定位到dropdownRender,打开下拉,点击多增加一些选项后(需要滚动到中间或底部)。重复关闭和打开下拉,此时出现空白

What is expected?

使用 dropdownRender 时,选项过多重复打开不出现空白

What is actually happening?

下拉菜单出现空白

coder-virjay avatar Apr 28 '24 08:04 coder-virjay

https://github.com/vueComponent/ant-design-vue/assets/69418751/d81810cc-c62e-4fbd-af01-3cb833ec1129

没有复现,你大概增加了多少选项出现这个问题

selicens avatar Apr 29 '24 09:04 selicens

1.mp4 没有复现,你大概增加了多少选项出现这个问题

要滚动到底部,再打开关闭才行,我的电脑是 macOS 14.4.1

https://github.com/vueComponent/ant-design-vue/assets/166351383/94b38aca-056d-4874-9686-717d034e19fc

coder-virjay avatar Apr 30 '24 06:04 coder-virjay

我添加子项,然后滚动条拖至底部,反复展开/收起,还是没有复现,我的环境是win11,你可以多找几个电脑试下看看

selicens avatar Apr 30 '24 07:04 selicens

image 复现了

nikojxie avatar Apr 30 '24 08:04 nikojxie

我添加子项,然后滚动条拖至底部,反复展开/收起,还是没有复现,我的环境是win11,你可以多找几个电脑试下看看

虚拟机中:Windows11 23H2 ARM版 Edge 浏览器 复现了,但不是每次都复现。展开/收起后,滚动条位置错误(不是在最顶部,也不是记忆位置)就一直会出现

https://github.com/vueComponent/ant-design-vue/assets/166351383/2ec43faf-c22e-45ee-b041-137bc4be4dcb

coder-virjay avatar May 06 '24 02:05 coder-virjay

我也遇到了这个问题,目前发现只有在select有焦点的情况下且滚动条超过一页时点击select会出现这个问题

当前的解决方案是在select dropdown弹出框隐藏时手动触发失焦blur事件,能解决这个问题

WebSWhite avatar Jun 05 '24 05:06 WebSWhite

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

github-actions[bot] avatar Aug 05 '24 02:08 github-actions[bot]