Skip to content

[Bug Report] Cascader 级联选择器在多选(multiple)和可搜索(filterable)情况下会出现placeholder重叠显示的问题 #23129

@WDEP-good

Description

@WDEP-good

Element UI version

2.15.14

OS/Browsers version

Windows11/Chrome 132.0.6793.2(正式版本) (64 位)

Vue version

2.6.11

Reproduction Link

https://codepen.io/ChenZhengChen/pen/xbOGJvP

Steps to reproduce

在全局设置CSS样式
input {
background-color: transparent;
}
导致级联选择器中输入框出现输入占位符重叠的情况

What is Expected?

作为一款通用且高度可扩展的 UI 框架,Element UI 应当具备良好的样式兼容性与可定制性,即使开发者在全局样式中设置 input { background-color: transparent; },框架也应能自适应此类常见样式调整,确保级联选择器在多选可搜索模式下仍能保持清晰的视觉层次与交互体验,不出现占位符与标签重叠、文字可读性差等布局问题,从而为用户提供稳定、可预期的组件行为,并支持灵活的二次开发与样式定制需求。

What is actually happening?

当开发者在全局样式中设置 input { background-color: transparent; }时,Element UI 的级联选择器在多选可搜索模式下出现了布局异常,输入框的占位符与已选择的标签产生了视觉重叠。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions