[BUG] <Select> Select shows active border when disabled.

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

Other

8.19k stars 695 forks source link

Is there an existing issue for this?

[X] I have searched the existing issues

Which Component

select

Semi Version

latest

Current Behavior

Click a disabled select shows an active border.

Expected Behavior

Click a disabled select won't show anything.

Steps To Reproduce

Click a disabled select.

ReproducibleCode

<Select disabled defaultValue='abc' style={{ width: 120 }}>
            <Select.Option value='abc'>抖音</Select.Option>
            <Select.Option value='hotsoon'>火山</Select.Option>
            <Select.Option value='jianying' disabled>剪映</Select.Option>
            <Select.Option value='xigua'>西瓜视频</Select.Option>
        </Select>

Environment

- OS:
- browser:

Anything else?

No response