It looks like your input has been initiated before. Is there anymore code in this project, that may affect this issue? For now, try operating on an instance, like this:

//make its label active
        document.querySelectorAll('.form-outline').forEach((formOutline) => {
            console.log(formOutline);
            mdb.Input.getInstance(formOutline).update();
          });
} 

Hi I'm having the same issue:

And my code:

    Object.keys(jobDataField)
        .forEach(function eachKey(key) {
            let thisId = `#${key}`;
            if (jobDataField[key] != null && jobDataField[key] !== '0' && jobDataField[key] !== '' && jobDataField[key] !== 0) {
                $(thisId).val(jobDataField[key]);
            }
        });
        //make its label active
        document.querySelectorAll('.form-outline').forEach((formOutline) => {
            console.log(formOutline);
            new mdb.Input(formOutline).update();
          });
} 

Can you please help, thanks