I have a display problem in the jQuery autocomplete inside a modal dialog bootstrap.
When I mouse scroll, the results do not remain attached to the input.
Is there a way to solve this?
这里是JsFiddle:
.ui-autocomplete-input {
border: none;
font-size: 14px;
width: 300px;
height: 24px;
margin-bottom: 5px;
padding-top: 2px;
border: 1px solid #DDD !important;
padding-top: 0px !important;
z-index: 1511;
position: relative;
}
EDIT
.ui-autocomplete {
position: fixed;
.....
}
If the modal has scroll the issue remains!
Here JsFiddle/1.