Skip to content

fix(components): [input] input width change by clearable (#7287)#10534

Closed
MrWeilian wants to merge 3 commits into
element-plus:devfrom
MrWeilian:fix/input-width
Closed

fix(components): [input] input width change by clearable (#7287)#10534
MrWeilian wants to merge 3 commits into
element-plus:devfrom
MrWeilian:fix/input-width

Conversation

@MrWeilian
Copy link
Copy Markdown
Contributor

@pull-request-triage
Copy link
Copy Markdown

👋 @MrWeilian, seems like this is your first time contribution to element-plus.

  • Please make sure that you have read our guidelines and code of conduct before making a contribution.
  • You can comment with /label Components:[component_name] to add a label for which component you are working on.
  • You may join our Discord for staying tuned.

@pull-request-triage pull-request-triage Bot added 1st contribution Their very first contribution Needs Review labels Nov 8, 2022
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Nov 8, 2022

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Nov 8, 2022

Hello @MrWeilian, thank you for contributing to element-plus, please see our guideline to see how to make contribution

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Nov 9, 2022

🧪 Playground Preview: https://element-plus.run/?pr=10534
Please comment the example via this playground if needed.

@HeftyKoo HeftyKoo requested a review from a team November 9, 2022 15:38
@MrWeilian
Copy link
Copy Markdown
Contributor Author

MrWeilian commented Nov 11, 2022

Element Plus Playground

@YunYouJun
Copy link
Copy Markdown
Member

@tolking Check it

@tolking
Copy link
Copy Markdown
Member

tolking commented Jun 28, 2023

为 clearable 图标增加一个占位符在现在看起来也是个不错的主意。

目前这个PR点击占位符的地方无法聚焦,合并最新代码后支持点击 suffix 聚焦 input。配合使用应该挺合理的

@MrWeilian
Copy link
Copy Markdown
Contributor Author

额强哥,还有一个小点就是我这个pr把关闭的icon移到了suffix前面,是不是会有一点小bc?

image

这样改是因为不提上去放到最前的话,可能会出现 icon/suffix 之间留了个空白的间距(close icon隐藏的时候)。

image

如果按照这样ok的话,晚点我解决下冲突和加多个点击聚焦的功能。

@tolking
Copy link
Copy Markdown
Member

tolking commented Jun 28, 2023

移动图标的位置确实算一个BC

合并了最新代码就支持点击聚焦了

…s#7287)

fix(components): [input] input width change by clearable (element-plus#7287)

fix(components): [input] input width change by clearable (element-plus#7287)

fix(components): [input] input width change by clearable (element-plus#7287)
Comment thread packages/components/input/src/input.vue Outdated
Copy link
Copy Markdown
Member

@tolking tolking left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@MrWeilian
Copy link
Copy Markdown
Contributor Author

@tolking 强哥,这个 pr 有机会合吗

@rzzf
Copy link
Copy Markdown
Member

rzzf commented Apr 15, 2026

Thank you for your contribution. This issue has been fixed in #23661

@rzzf rzzf closed this Apr 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report] [Component] [input] clearable 会动态改变宽度

4 participants