We are upgrading to MDB v7.2.0, but we encounter some issues. We have a tab where we populate the content from an ajax call. In the response of this ajax call there is a new select input, but it doesn't get initialised by MDB.

We've added the data-mdb-select-init attribute to this select and this select does work if we put it outside the ajax response (so in the initial load).

We are calling the initMdb method with all the used components after every ajax content update, but it looks like it doesn't initialise new elements/components. While looking in the source code I found this piece of code, where it looks like every component can only be initialised once.

const initComponent = (component, manualInit = false) => {
  if (!component || InitializedComponents.get(component.NAME)) {
    return;
  }

  InitializedComponents.set(component.NAME);

For an extra check I added a console log before the initMDB call for the select, and this function logs my new select (and the other existing selects):

console.log(document.documentElement.querySelectorAll('[data-mdb-select-init]'));

Expected behavior

When I call the initMDB method with the used components, it should initialize newly created html elements in the DOM. We have the same issue for multiple components.

Actual behavior

The initMDB method only initialises components once.