ucyberg priority commented 1 year ago

I think it is the principal problem that mdbootstrap has, that the components do not interact when the content changes dynamically. I have had to correct some things in the source code of the components to use it. But there is an option, say the bungling option, but it works, create a function to update the mdbootstrap components and call it every time the content changes dynamically.

function UpdateMDBUI() {

document.querySelectorAll('.select').forEach(function(selectNode) {
    if (!selectNode.classList.contains('select-initialized')) {
        new mdb.Select(selectNode);
    }
})

document.querySelectorAll('.form-outline').forEach((formOutline) => {
    new mdb.Input(formOutline).update();
});

document.querySelectorAll('.stepper').forEach((stepper) => {
    new mdb.Stepper(stepper);
});

}