Material Select Editable - Add new item doesn't fire on

Currently, there's no support for that. You have to use custom code to attach a click event to the i.select-add-option element and then manually .trigger('change') on the <select> element.

Is this the code you are suggesting?

$("i.select-add-option").click(function(){
     $("i.select-add-option").closest("div.select-wrapper").find("select").first().trigger("change");
});

My biggest problem with this is that I load almost all of my content through Ajax and the post-load routines are fairly substantial. So every time I load through ajax, I have to add this.

It's not an ideal solution. I'm surprised this hasn't been resolved.

I can't get this binding to work. I can bind the trigger("change") when the control is loaded, but every time a selection is made, the i.select-add-option is destroyed. I would need to have a onShown event available in order to rebind the action to the i.select-add-option that is generated by showing.

I can't find documentation of the equivalent of the Bootstrap onShown event: https://getbootstrap.com/docs/4.0/components/dropdowns/#events

If I could have that onShown event to leverage, I could rebind the i.select-add-option to the code above and make this control work.

Is it possible that the events for Material Select in MDB 4.19 are documented somewhere that I can't find?