[Style] [autocomplete] ElAutocomplete clearable = true时样式抖动

[hovees]

Bug Type: Style

Environment

• Vue Version: 3.2.45
• Element Plus Version: 2.2.26
• Browser / OS: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-autocomplete

Reproduction Link

Element Plus Playground

Steps to reproduce

鼠标focus在input框，clear按钮出现时input会变长，导致同一行组件位置会抖动

What is Expected?

input框长度不变，参考2.1.8版本

What is actually happening?

input框长度变化

Additional comments

(empty)

[yuniit]

I ran into this issue too, set width to component and it worked fine

[loosheng]

Before #7287 was resolved.
The interim solution is to set a width for el-autocomplete

<el-autocomplete
        v-model="state1"
        style="width:100%"  <!-- or fixed width: style="width:200px" -->
        clearable
        placeholder="Please Input"
        :fetch-suggestions="querySearch"
      />

[tolking]

Link #7287

[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。