Open cyrorama opened 2 years ago
After some lengthy investigation, I've figured out what is going on here.
When the dropdown is open, the tag slot is showing. When you click on the X, the dropdown actually closes and reopens itself. This means the tag slot is removed from the dom, the selection slot shows, then the tag slot is shown again. As part of this, I don't think the click event reaches the intended method, so it doesn't fire.
So, this isn't ideal. However, due to workarounds and specific-ness of the issue, and that I don't think this is a quick/simple fix, I'm not so keen to spend any more time of this for this next round of releases. I'll leave the issue open so when we have more time we can re-evaluate this.
Reproduction Link
https://jsfiddle.net/zcm1p9jo/5/
Steps to reproduce
Multiselect
with:multiple
and:searchable
set totrue
selection
slot to display the count of options selected instead of showing the selected tagstag
slot to change how tags are displayed and useremove
withonClick
X
to de-select an option.If you set
:searchable
to false, then clicking onX
de-selects an option.Here's the main code snippet, which is also within the reproduction link above.
Multiselect
:Expected behaviour
After selecting several options, I should be able to click on
X
within a selected tag to de-select.Actual behaviour
Clicking on
X
does nothing. I am still able to de-select within the dropdown.