riophae/vue-treeselect

User Experience while removing the selected item.

komal-rathore opened this issue · 1 comments

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

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