Same problem here - also with the newest MDB v5.0. Any improvements planed already?Current workaround I used to use is s.th. like the code below and applying either event listener on all sorts of events that occur within the stepper as well as right after injection of dynamic content. The code get the height of the client and compares against the scrollheight. If no different heights are found in the heightBuffer the interval-loop is closed. Same if the counter gets too high. hope that helps for the moment. Cheers.

var stepperDom = document.getElementById('the-stepper');

var stepper = new mdb.Stepper(stepperDom); var resizeStepper = function(paddingBottom) { if(typeof(paddingBottom) == 'undefined') paddingBottom = 0; let height = stepperDom.querySelectorAll('.stepper-step.stepper-active .stepper-content').item(0).clientHeight, heightBuffer = []; heightBuffer.push(height);

let counter = 1; // Prevent infinite loop
let resizer = setInterval(function()
{
    height = stepperDom.querySelectorAll('.stepper-step.stepper-active .stepper-content').item(0).scrollHeight;
    heightBuffer.push(height);
    heightBuffer = heightBuffer.slice(-5);
    stepperDom.style.height = height + 'px';

    if(heightBuffer.reduce(function(a, b){ return a + b;}, 0) / heightBuffer.length == height || counter > 10) 
    {
        stepperDom.style.height = parseInt(height + paddingBottom) + 'px';
        clearInterval(resizer);
    }
    counter++;
}, 80);

}; stepperDom.addEventListener('click', function(){resizeStepper(84)});