[Style] [input] el-input配置clearable后，清除图标的显示和隐藏会影响input框的宽度

[qianxing123]

Bug Type: Style

Environment

• Vue Version: 3.2.45
• Element Plus Version: 2.2.29
• Browser / OS: Chrome 版本 109.0.5414.120（正式版本） （64 位）
• Build Tool: Webpack

Reproduction

Related Component

• el-input

Reproduction Link

Element Plus Playground

Steps to reproduce

1.el-form 配置inline属性 2.el-input配置clearable 3.给input输入文本 4.input聚焦失焦切换

What is Expected?

鼠标移入input框，icon显示，输入框宽度不变

What is actually happening?

鼠标移入input框，icon显示，输入框宽度变长

Additional comments

(empty)

[acyza]

duplicate #11370

[tolking]

Duplicate of #7287

It is recommended to set the default width for Input component

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。