Stop mousedown event propogation when calling toggle

[paullegrand]

Mousedown event propagation is not stopped in all cases: only currently when you click the "caret" icon. This makes all mousedown events also stop propogation.

This was found to cause strange behavior in cases where other components were also listening for mousedown events. For example, the Vue Headless UI Dialog from Tailwind also uses a mousedown event, and not stopping propagation was causing the modal to close any time the multiselect component was clicked without .stop on the mousedown event.

I didn't include a reproduction link because the caret already has .stop on the propagation and this makes it consistent, but please let me know if you would like one.

[bikegriffith]

Upvote for this fix. Would love to see this make it in a release ASAP!

[mattelsey-boxcast]

+1 for this fix

[bikegriffith]

@paullegrand There are a handful of other @mousedown.prevent events missing the .stop in this file. One of them causes this same issue when clicking the "X" for the multiselect case. Are you able to this change to add .stop to all instances?

[igoohd]

+1 for this fix