iview The [Bug Report] autocomplete component has too much data, and the drop-down and slide-up may be jammed, and the drop-down box may not be in the right position.

icnyk63a  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(55)

Environment

macOS 10.13.6/chrome 68/vue 2.5

https://run.iviewui.com/H4SP9fiX

Steps to reproduce

直接点击autocomplete即可

What is expected?

下拉框在autocomplete组件下面,可正常的滑动。

What is actually happening?

数据太长下拉框直接覆盖了autocomplete组件,并且可能不会滑动。

h22fl7wq

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.

a0zr77ik

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;
}

相关问题