DouyinFE / semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click
https://semi.design
Other
8.19k stars 695 forks source link

[Select] Wrong number of tags after selection under ellipsisTrigger #1560

Closed YannLynn closed 10 months ago

YannLynn commented 1 year ago

Is there an existing issue for this?

Which Component

Select

Semi Version

latest

Current Behavior

点击选中西瓜视频, +n tag 数量从 1 变为 3,hover 显示的 tag 也是错误的。

Expected Behavior

点击选中西瓜视频, +n tag 数量从 1 变为 2

Steps To Reproduce

20230419152815_rec_

ReproducibleCode

import React from 'react';
import { Select } from '@douyinfe/semi-ui';

() => (
    <>
       <Select
            multiple
            maxTagCount={2}
            ellipsisTrigger
            showRestTagsPopover={true}
            restTagsPopoverProps={{ position: 'top' }}
            style={{ width: '200px' }}
            defaultValue={['abc', 'ulikecam', 'jianying']}
        >
            <Select.Option value="abc">抖音</Select.Option>
            <Select.Option value="ulikecam">轻颜相机</Select.Option>
            <Select.Option value="jianying">剪映</Select.Option>
            <Select.Option value="xigua">西瓜视频</Select.Option>
        </Select>
    </>
);

Environment

- OS:
- browser:

Anything else?

No response

YannLynn commented 10 months ago

fixed in 2.45.0