In Internet Explorer, with liveSearchPlaceholder enabled, can't select option while searchBox is focused. Also, selected option doesn't get scrolled to when opening menu

[BrianH824]

My drop downs work fine in Google Chrome, but if the list is long enough that there is a vertical scroll bar and the drop down is scrolled in IE, the moment an item is selected the drop down closes and the item is not selected. I am using IE 11, JQuery 3.4.1, Bootstrap 4.3.1, and Bootstrap-select 1.13.12. I've only seen this issue in IE.

[BrianH824]

Additionally, I've found that this only occurs when using the live search functionality on the drop down.

[caseyjhol]

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case (you can use our preconfigured Plunker), and report back with your link.

[DrorOzgaon]

Hello,

I have the same issue on my end. The actual bug comes from the "data-live-search-placeholder" attribute - it will not allow any items that need to be scrolled to, to be selected. It will also not display the value provided in the attribute.

You can easily reproduce the issue by just adding the following attribute to the plankr you provided:
data-live-search-placeholder="search..."
See the first dropdown here: https://plnkr.co/edit/8st1t3YhCElaJhLg

The obvious workaround for this is to remove the "data-live-search-placeholder" attribute for the time being.

[caseyjhol]

Thanks for the Plunker. It looks like the option is able to be selected if you drag the scrollbar (causing the input to lose focus); it also doesn't scroll to the selected option when you re-open the menu (in IE11).

[caseyjhol]

This is happening because IE is incorrectly firing an input event when the searchbox is focused (if the searchbox has a placeholder attribute).

https://stackoverflow.com/questions/48138865/ie-11-text-input-with-placeholder-triggering-input-event-on-focus

[caseyjhol]

Released in v1.13.18!