Thank you for the clarification. It seems like the problem is caused by the fact, that the component is not loaded properly at the time of the Javascript initialization (because it is hidden in the modal).

We will take a closer look at that. For now please try to delay the component init until the modal opens. Here is an example:

chipsLoaded = false;

const myModalEl = document.getElementById('exampleModal')
    myModalEl.addEventListener('shown.mdb.modal', (e) => {
      if (!chipsLoaded) {
        const chipsInitialNew = document.querySelector('.chips-test')

        const newChipsNew = new mdb.ChipsInput(chipsInitialNew, {
          initialValues: [
            { tag: 'MDBReact' },
            { tag: 'MDBAngular' },
            { tag: 'MDBVue' },
            { tag: 'MDB5' },
            { tag: 'MDB' }
          ]
        });

        chipsLoaded = true;
    }
});

This example in the docs is initiated via JS: https://mdbootstrap.com/docs/standard/components/chips/#section-new-initial

As you can see, the label is working as expected. Please share the exact code that produces the issue you're describing, and I’ll be happy to help you identify the problem.