Autocomplete disappear in IE7-IE10
Hi All,
I am using JQuery version 1.10.2 and JQuery UI version 1.10.3. I have autocomplete added to an input box in my page. It works fine on Chrome and Firefox, but on IE (versions ranging from 7 to 10) when I click with the mouse on the scrollbar right to the autocomplete box the box disappears and I am not able to select an item. If I use the mouse scroller though it works fine.
Here is an example how I use it.
I have the following CSS:
<style type="text/css">
.ui-autocomplete {
max-height: 120px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 120px;
}
</style>
Then I add the autocomplete using the following JavaScript:
$("input", this).filter(":text").autocomplete({
source: arrayOfWorklistNames,
minLength: 0,
delay: 500,
position: { my : "right top", at: "right bottom", collision: "flip"}
});