Topic: Chips Input Rendering issue
Expected behavior
the border of the chip input should align with the label text like labels do on normal inputs
Actual behavior
the border keeps the same, so that the label is struck through
Resources (screenshots, code snippets etc.)
const chipsInitialNew = document.querySelector('.chips-test');
const newChipsNew = new mdb.ChipsInput(chipsInitialNew, {
initialValues: [
{ tag: 'MDBReact' },
{ tag: 'MDBAngular' },
{ tag: 'MDBVue' },
{ tag: 'MDB5' },
{ tag: 'MDB' }
],
labelText:'this is a long label long text longer than space is available'
})
Add this code after chips initiation:
document.querySelectorAll('.form-outline').forEach((formOutline) => {
new mdb.Input(formOutline).update();
});
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.1.0
- Device: imac
- Browser: safari
- OS: macOS
- Provided sample code: No
- Provided link: No