[Bug Report] select 多选 选择5个及以上 多选框抖动

[qiuqiui]

Element UI version

2.13.0

OS/Browsers version

window10/chrome 80.0.3987.149

Vue version

3.0.0-alpha.10

Reproduction Link

https://element.eleme.cn/2.13/#/zh-CN/component/select?jsfiddle

Steps to reproduce

1.左边选择 组件-form-select选择器 2.右边滑到 基础多选模块 3.打开第一个下拉列表，5个值都勾选上

What is Expected?

多选时（5个及以上），下拉列表不抖动

What is actually happening?

下拉列表抖动

[qiuqiui]

[wayhbbeed]

我也遇到抖动现象，不光是多选，在dialog上放checkbox选择就会抖动 在dialog上放tab，把tab字体改大就出现明显抖动

[flajf]

需要调整chrome的百分比到67%，才容易复现这个问题 复现方法：

1. 进入element的 https://element.eleme.cn/#/zh-CN/component/select#chuang-jian-tiao-mu
2. 手动输入4行标签
3. 缩小屏幕百分比到67%

[wLove-c]

同遇到这个问题，经过测试很调查发现是 input的高度一直在变动，初步怀疑是 resetInputHeight() { if (this.collapseTags && !this.filterable) return; this.$nextTick(() => { if (!this.$refs.reference) return; let inputChildNodes = this.$refs.reference.$el.childNodes; let input = [].filter.call(inputChildNodes, item => item.tagName === 'INPUT')[0]; const tags = this.$refs.tags; const sizeInMap = this.initialInputHeight || 40; input.style.height = this.selected.length === 0 ? sizeInMap + 'px' : Math.max( tags ? (tags.clientHeight + (tags.clientHeight > sizeInMap ? 6 : 0)) : 0, sizeInMap ) + 'px'; if (this.visible && this.emptyText !== false) { this.broadcast('ElSelectDropdown', 'updatePopper'); } }); } 这块代码影响，但这个代码按理每次只会在添加或者删除tab的时候触发，但input的高度一直在两个数之间变动

[Guo-star]

好像是添加或者删除tags时会动态改变input高度和焦点位置，tags长度大概和input宽度相同时触发。 目前解决是不要和filterable同时使用，不给获取焦点就好了，但是tags太长会超出input

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.