CHIPS - label crossed by top border when initialized via jav

meesha81 pro premium priority commented 3 weeks ago

Snippets is not working for me…

---

Kamila Pieńkowska staff commented 3 weeks ago

Then paste the code as is in here.

---

meesha81 pro premium priority commented 3 weeks ago

It is really not working, but important difference is that you have to try it in the modal. Snippet is important to show the issue and it is fine that is can be created now.

https://mdbootstrap.com/snippets/standard/meesha81/6445110#html-tab-view

---

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;
    }
});