Skip to content

In the multi-select mode of a-select, after selecting a piece of data, the mouse wheel slides down, and the options appear garbled. #6216

@guxuanyan

Description

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

Version

1.7.7

Environment

system version: windows7、chrome version: 108.0.5359.126(正式版本) (64 位)、vue version: vue2.6.10、ant-design-vue version: 1.7.7。

Reproduction link

https://1x.antdv.com/components/select-cn/

Steps to reproduce

https://1x.antdv.com/components/select-cn/

<a-select
mode="multiple"
style="width: 100%"
placeholder="Please select"
@change="handleChange"
>
<a-select-option v-for="i in 25" :key="(i   9).toString(36)   i">
{{ (i   9).toString(36)   i }}
</a-select-option>
</a-select>

In multi-select mode, after selecting one, the mouse wheel scrolls down, a bunch of garbled text appears, and the mouse slides to garbled text and it is normal.

在多选模式下,选择一个后,鼠标滚轮向下滚动,出现一堆乱码文字, 鼠标滑动到 乱码文字后就正常了。

image
example
example图片

ant-design-vue version:1.7.7

What is expected?

Normal display when the mouse wheel scrolls

What is actually happening?

It is not normal when the mouse wheel scrolls

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions