Element: [Bug Report] select list jitter

Created on 18 Jan 2018  ·  12Comments  ·  Source: ElemeFE/element

Element UI version

2.0.11

OS/Browsers version

Chrome 63.0.3239.108

Vue version

2.5.13

Reproduction Link

https://jsfiddle.net/mmx38qxw/

Steps to reproduce

element官网 select中的基础多选 选多个后输入框高度变化 开始抖动(Chrome)

What is Expected?

正常显示

What is actually happening?

element官网 select中的基础多选 选多个后输入框高度变化 开始抖动(Chrome)

bug

Most helpful comment

应该是页面缩放比例不同造成的

All 12 comments

Translation of this issue:

Element UI version

2.0.11

OS/Browsers version

Chrome 63.0.3239.108

Vue version

2.5.13

Reproduction Link

https://jsfiddle.net/mmx38qxw/

Steps to reproduce

Based on element's official website select in the election with a plurality of input box height changes begin to wobble (Chrome)

What is Expected?

Normal display

What is actually happening?

Based on element's official website select in the election with a plurality of input box height changes begin to wobble (Chrome)

官网的例子在 Mac 上无法复现,先写一个有问题的 demo 备忘:https://jsfiddle.net/pd7zco1j/ 。待修。

2018-01-18_14-28-37

应该是页面缩放比例不同造成的

赞同 @maoyuyang 观点。同样的环境下并不会抖动,调整Chrome缩放为110%时发生抖动

@maoyuyang @troy351 确实如此 谢谢!

@maoyuyang
添加样式
.el-select__input {
vertical-align: baseline;
}
解决这类bug

在 windows 下会有这个问题
经过一些测试 baseline 还是有问题, top 更加

.el-select__input {
   vertical-align: top;
}

@52linyuepeng 这样还是不行的。

如果size 赋值 就不会出现了

如果size 赋值 就不会出现了

问题解决了吗

如果size 赋值 就不会出现了

问题解决了吗

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Kingwl picture Kingwl  ·  3Comments

chao-hua picture chao-hua  ·  3Comments

mochenxm picture mochenxm  ·  3Comments

no5no6 picture no5no6  ·  3Comments

gengxuelei picture gengxuelei  ·  3Comments