Element: [Bug Report] Multiple Select is shaking
Element UI version
2.0.6
OS/Browsers version
macOS 10.13 Chrome 63.0.3239.84
Vue version
2.5.9
Reproduction Link
Steps to reproduce
select options to make that display in rows
What is Expected?
Not shaking
What is actually happening?
Shaking just like the video shows
iwillwen
All 16 comments
I cannot reproduce this. Please minify your project, upload it to GitHub, and open a new issue with it.
Leopoldthecoder
on 8 Dec 2017
It's probably because Select Attributes adds filterable, and you make class (.el-select__input {
vertical-align: middle;
}) not vertical-align:middle, such as vertical-align: baseline; there will be shaking
heroljy
on 20 Dec 2017
v2.0.11 exist also.
And set an extra style .el-select__input { vertical-align: base } as @heroljy commented, fixed.
bq-hentai
on 9 Jan 2018
In the latest version of the Chrome browser， I reproduce this. And set extra style does not work
Wu-Sophie
on 25 Feb 2018
add .el-select__input did not work, and some computer do not has this problem
z1948296027
on 28 Jun 2018
官网可复现bug http://element.eleme.io/#/zh-CN/component/select
浏览器chrome 67.0.3396.99
滚轮缩放至90%
基础多选(Multi select)，选中5个
可复现这个抖动bug
wengxuan
on 11 Jul 2018
是的,90%的时候可以复现
z1948296027
on 12 Jul 2018
element-ui v2.0.10版本, 多行且页面放大110%时抖动, 查看代码是el-select__tags的clientHeight计算结果不断变化导致的, 解决的方式比较hack, 直接修改 .el-tag--small{ height: 25px; }
tzstone
on 29 Oct 2018
element-ui v2.8.2版本遇到同样的问题，最新版本，官网可复现https://element.eleme.io/2.8/#/zh-CN/component/select
sayhihi
on 8 May 2019
I solved this problem by adding style below, hope it helps
.el-select .el-input {
overflow: scroll;
padding-bottom: 1px;
}
skyzhao1223
on 27 Jun 2019
@skyzhao1223
It seems pretty useful,I just add padding-bottom: 1px;
anyway thanks!
hfc1994
on 27 Jun 2019
padding-bottom does not work for my environment
IsaacMuTusimple
on 3 Aug 2019
depend on your select number. or you can try padding-bottom: 2px;
er567
on 20 Feb 2020
有有效的解决办法吗
FullStack1994
on 19 May 2020
padding-bottom:1px does not work ,when i resize Chrome browser,the issue will appear.
EileenCoding
on 3 Jun 2020
@skyzhao1223
我也解决了，只加了.el-select .el-input { padding-bottom: 1px; }
chenxiyue
on 25 Nov 2020
Related issues
Frondor
·
31Comments
Leopoldthecoder
·
101Comments
hooray
·
26Comments
DreamFox
·
48Comments
Leopoldthecoder
·
52Comments
Most helpful comment
element-ui v2.0.10版本, 多行且页面放大110%时抖动, 查看代码是el-select__tags的clientHeight计算结果不断变化导致的, 解决的方式比较hack, 直接修改 .el-tag--small{ height: 25px; }