Topic: Chips Input Rendering issue
jseird priority asked 11 months ago
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 comment
Kamila Pieńkowska staff answered 11 months ago
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.
Status
Answered
Specification of the issue
- ForumUser: Priority
- 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