[Bug Report] input输入框，开启 show-word-limit ，文本输入长度超出文本框宽度后，后面的字体被 limit 遮挡，同时开启 clearable , 清空图标与文本重叠

### Element UI version
2.15.14

### OS/Browsers version
win11 / 谷歌浏览器最新版

### Vue version
2.7.16

### Reproduction Link
https://codepen.io/ren-142326/pen/ExqxRaa

### Steps to reproduce
文本长度超出输入框时，最后的文本被遮挡，光标也无法看到，
clearable 的图标与文本重叠，


### What is Expected?
文本不被遮挡，光标可以正确的显示到最后的文本上，clearable 的图标不与文本重叠，

### What is actually happening?
文本被遮挡，光标无法显示到最后的文本上，clearable 的图标与文本重叠，