vue-select wrapped in label tag

[Made-of-Clay]

When the component is wrapped in a <label> element, clicking an option too quickly causes the drop down to re-focus. Here's a simple recreation of the bug.

http://jsbin.com/tofafiyaro/edit?html,js,output

If you hold the mouse down on the selected option for half a second, the drop down disappears and everything appears to behave correctly. I think the fadeOut gets rid of the element fast enough for the mouseUp event to trigger on something else.

If the click event's propagation is stopped, that should resolve the issue. I believe line 367 of Select.vue could fix the issue; add the stop event modifier: <a @mousedown.prevent.stop="select(option)"> Not sure which order is best. (love this component, by the way)

[stevenharman]

Hitting the same issue here. Any chance we can get a fix?

[sylfel]

I have same issue here !
Any news about a fix ?

[Made-of-Clay]

I've heard nothing on it.

[sagalbot]

Sorry for the slow reply on this one – trying to work through these unreplied issues and find the things that really need to be fixed. This seems like one of them, I've added it to the list of todos!

[idmanish]

Any update on this one, Still facing same issue.
https://jsbin.com/tofafiyaro/edit?html,js,output