Closes the scrollable list of items if you click on scroll button

[vishalbedre]

Hi Team,

I used autocomplete on my MVC+ Anular application. I also added css as follows inorder to create scrollable list but it is closing scrollable list if I click on the list. In other words It is hiding autocomplete list once I click on scrollable button.
CSS code
.autocomplete ul {
max-height: 400px;
min-height: inherit;
overflow-y: scroll;
cursor: hand;
}

HTML code

[dedonin]

Hi,
I'm experiencing the same issue and I have already found information saying that IE11 registers the click on the scroll bar as a click outside the DOM. But I cannot seem to find a suitable solution for this particular autocomplete. Most of the websites provide a code solution for jQuery autocomplete, but I couldn't find one that clearly explains a solution for this Angular one. Looking forward to responses! :)

[kamotext]

Hi,

Here's my not quite good solution but still works

• Just replace event from 'blur' to 'click' on autocomplete.js.

• Create a mouse event 'i.e: ng-mousedown' in the container where auto complete is, then trap target.className = 'ng-scope'.