search

liuy97 / ng2-input-autocomplete

angular2 input autocomplete
https://liuy97.github.io/ng2-input-autocomplete/
MIT License
7 stars 5 forks source link

Autocomplete closed when click on Scrollbar in IE 11 #6

Open Ruthirakumar opened 5 years ago

Ruthirakumar commented 5 years ago

For large number of result, we have set max-height and overflow as auto, when click on scrollbar to traverse along the result, autocomplete is closed in IE browser. But it is working fine in chrome & Edge.

Please help.

liuy97 commented 5 years ago

it seems a problem regarding ie 11 which does not support max-height. check https://stackoverflow.com/questions/44635857/flexbox-max-height-issue-with-ie11

Ruthirakumar commented 5 years ago

Thannks for your reply. As per my analysis, blur event is triggered if any click on scrollbar, so auto complete (search result) is closed. if it is not fixed, this plugin will not support for IE.

is there any chance to fix?

liuy97 commented 5 years ago

I think it is not a bug in this plugin. This library does support ie. IE does not respect css max-height, which results in this bug. But I will investigate it further.

Ruthirakumar commented 5 years ago

Thanks again for your prompt response. When we use below style in IE, autocomplete getting closed when user try to scroll the result.

ng2-input-autocomplete > ul { height: 100px; overflow: auto; } It would be really good, if you provide solution for this.

liuy97 commented 5 years ago

overflow does not works fine too, refs https://stackoverflow.com/questions/37322163/overflow-property-not-working-in-ie-11

Ruthirakumar commented 5 years ago

I am really sorry for agitating you.

Similar kind of issue were in other plugin as well & but it has been fixed.

https://github.com/JedWatson/react-select/issues/1020

Could you able to look into once again?

liuy97 commented 5 years ago

well, it is more helpful to create a stackblitz demo to reproduce this bug. Angular usually supports IE by polyfill. If it really shows this bug introducing from this library, I will have a look.