Selecting an option from the dropdown triggers parent elements click event handlers

[raphael-yapla]

Version

• Vue version: 3

Description

Very similar to #182, it seems the option elements in the dropdown are using the mousedown event instead of click resulting in involuntary triggering of parent elements when selecting an option. This is a very frustrating problem when using it in modals or stuff that can be closed by clicking on the parent element.

Other related issues: #323 and #295

Demo

https://jsfiddle.net/9ez4pk5j/53/

There's a click event bound to the blue zone, when selecting an option that's above it, it will trigger the event, when clicking on the red zone, nothing happens as expected.

[raphael-yapla]

Tried to see if simply replacing all of the mousedown by click events would work but unfortunately although the unit tests are still working in my project the dropdown no longer opens. I'm happy to help but I think I'll need some pointers (badum tss).

I'm also not sure of how to build it properly, I'm getting some errors because of vue dependencies conflicts. Is there a contributing guide available?