Environment
macOS 10.13.6/chrome 68/vue 2.5
Reproduction link
https://run.iviewui.com/H4SP9fiX
Steps to reproduce
直接点击autocomplete即可
What is expected?
下拉框在autocomplete组件下面,可正常的滑动。
What is actually happening?
数据太长下拉框直接覆盖了autocomplete组件,并且可能不会滑动。
macOS 10.13.6/chrome 68/vue 2.5
https://run.iviewui.com/H4SP9fiX
直接点击autocomplete即可
下拉框在autocomplete组件下面,可正常的滑动。
数据太长下拉框直接覆盖了autocomplete组件,并且可能不会滑动。
2条答案
按热度按时间h22fl7wq1#
Translation of this issue:
Environment
MacOS 10.13.6/chrome 68/vue 2.5
Reproduction link
https://run.iviewui.com/H4SP9fiX
Steps to reproduce
Click autocomplete directly.
What is expected?
The drop-down box can slide normally under the autocomplete component.
What is actually happening?
The data is too long to drop the box directly covering the autocomplete component, and may not slide.
a0zr77ik2#
some of the styles I set:
.ivu-select-dropdown-list{
height: 250px !important; //it deals w/ the list width& height
}
.ivu-select-dropdown{ //it deals w/ the list width& height
width:220px !important;
overflow-x: hidden !important;
}
.ivu-select-item{
font-size:16px !important;
text-align:left !important;
}
.ivu-input, .ivu-input-default{
font-size: 16px !important;
}