Hi,

We experienced an issue where our Laravel Application freezes or crashes suddenly when switching options in the material-select. The values of the options on that material-select are dynamically generated.

We noticed that one of the reasons that the application crashes is that when dynamically updated material selection option, the bindMutationObserverChange() function of material-select.js goes into an endless loop.

The material-select.js comes from the MDB-Pro_4.18.0 package.

Please refer to the image below for the said file.

Also, here's the code for the said function.

bindMutationObserverChange() {

  const config = {
    attributes: true,
    childList: true,
    characterData: true,
    subtree: true
  };
  const observer = new MutationObserver(this._onMutationObserverChange.bind(this));
  observer.observe(this.view.$nativeSelect.get(0), config);
  observer.customId = this.uuid;
  observer.customStatus = 'observing';

  MaterialSelect.clearMutationObservers();
  MaterialSelect.mutationObservers.push(observer);
}

Hoping for your kind assistance. Thank You.