Close when clicking on parent

[timchesney]

Firstly - great component, thanks!

Idea/Issue
It feels natural to be able to close the dropdown by clicking on the main element (e.g. the input) again.
Currently, doing so causes a 'flash' where the dropdown closes on mouseDown but then opens again on mouseUp.

Secondly, if you use the 'Toggle' slot for a custom toggle icon, clicking this no longer works to close the dropdown.

Solution
Either make it the default behaviour or provide an option to make clicking anywhere on the main element close the dropdown.

GIF to show what I mean

Thanks again.

[soc221b]

Thank you for the feedback 😄 .

1. The 'flash' issue is fixed in 58ab2bf, and released in v2.7.0, maybe you can try upgrade it.

2. I will research for this, but since changing this behavior will introduce a breaking change I will expose a new prop to achieve different behavior.

   It feels natural to be able to close the dropdown by clicking on the main element (e.g. the input) again

3. Did you register the click event on custom toggle slot by the exposed toggle function.

   I also noticed it works properly on button but span 😞 , I will fix it.

   You may need to add @mousedown.prevent to the slot, due to it will trigger focus event (which open dropdown before fire click event). Sorry for lack of explanation.

   if you use the 'Toggle' slot for a custom toggle icon, clicking this no longer works to close the dropdown

[timchesney]

Thanks for the reply - much appreciated - hadn't used the toggle function so will give that a go... I should have read more carefully! All the best.

[soc221b]

LMK if it doesn't works 🙇‍♂️ .

[soc221b]

@timchesney I noticed you reopen this issue. Does this still not work 🤔 ?