riophae / vue-treeselect

A multi-select component with nested options support for Vue.js
https://vue-treeselect.js.org/
MIT License
2.89k stars 505 forks source link

User Experience while removing the selected item. #544

Closed komal-rathore closed 5 months ago

komal-rathore commented 5 months ago

Hi Team,

This is regarding the user experience issue found, As per the expectation, it should remove the item when user clicks on the Remove(X). But in the current system it removes the items even when user clicks on the label.

Can you please enhance this library as per the requirement. Or should I provide the fix.

Please let me know the steps to further proceed.

Thanks Komal

komal-rathore commented 5 months ago

Solution : Override this css in your vue component .vue-treeselectmulti-value-item{ pointer-events: none !important; } .vue-treeselectmulti-value-label{ pointer-events: none !important; cursor: none; } .vue-treeselect__value-remove{ pointer-events: all !important; }