selectr.deselect & selectr.change event value

[kshaner]

There is a bug when using a clearable select and listening to the selectr.change event. It appears that select.deselect fires before selectr.change and the selectr.change argument provides the previous value and not an empty value. This is a problem for my use case because I'm using selectr to control external actions.

Sample:

const selectr = new Selectr(selectNode, {
	clearable: true,
	defaultSelected: false,
	searchable: true,
});

selectr.on('selectr.deselect', (option) => {
	// do something with option value
});

selectr.on('selectr.change', (option) => {
	// when fired after a selectr.deselect event, option is the previous value and not an empty value
});

[reno1979]

With the latest pull request #93 this issue seems resolved

the events when I select an deselect:

change: value x // selected the value x change: null // deselected the value (cleared it) deselect: value x

[stianrincon]

Hi in the documentation it says that in order to allow unselect you need clearable=true and allowDeselect=true With this configuration everything works fine for me:

var selectr: any = document.getElementById(this.id);
    
var options = {
      allowDeselect: true,
      clearable: true,
    };
    
const selectorSelect = new Selectr(selectr, options)