Vue-select: In IE, clicking the scrollbar collapses the dropdown

[pascallaliberte]

Tested in IE 10, IE 11:

When clicking on the scrollbar of the dropdown menu, the dropdown collapses unexpectedly. See the gif:

[pascallaliberte]

I'm running into a similar issue elsewhere, so I hope this helps debug it: in IE, clicking a scroll bar will bubble up a click event further up the parent chain. Maybe there's a way to limit the click's reach, but I haven't found one yet.

[wa05]

Same problem in Chrome...

well.. seeing it loading a big array of data...

[Saul3d]

I'm not seeing this problem in chrome but does anyone have a temporary fix for this issue in IE

[andremiguelaa]

Any news on this issue?

[eckledes]

Is this bug fixed in Release 2.3.0?

[adi518]

@pascallaliberte It is not an issue of a bubbling event, because input is a self-closing tag. Instead, this is just a slightly annoying behavior from IE which is either by-design or a bug MS does not intend to fix (IIRC). It fires a blur event when clicking the scrollbar, which triggers the blur handler, which implements this.open = false, thus closing the Dropdown.

@eckledes No. I'll try to solve it.

[adi518]

Okay, should be fixed now: #373
@sagalbot

[korobkadima]

same problem in Chrome in modal window

[nahuelhds]

I'm on v2.5.1 and this keeps happening. In my case, only the first time I try to scroll with native browser UI after doing an ajax search with brings me lot of results. Once closed, if I open the dropdown again then I can scroll using the native browser UI.