Fields with labels in collapse display error


Topic: Fields with labels in collapse display error

David pro premium priority asked 10 months ago

I am seeing odd behaviour when putting input fields under any type of collapse or Accordion.

I would expect the field with the label to work as it does if I move the field anywhere in the code outside the collapse, however if the field has its value populated already and its inside a collapse, the label does not display correctly as the field border cuts through it.

Clicking in the field corrects the label but I cant find any other way to correct it.

code snippet: https://mdbootstrap.com/snippets/standard/david-mansfieldwhitecode-co-uk/6070824


Kamila Pieńkowska staff answered 10 months ago

Width of the label is calculated for visible elements. You need to update input labels after collapse opens (the same applies to accordion): https://mdbootstrap.com/snippets/standard/kpienkowska/6072127


David pro premium priority answered 10 months ago

Amazing, thank you for that, it was driving me nuts!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.2.0
  • Device: PC/Mobile
  • Browser: Chrome & Edge
  • OS: Windows/Android
  • Provided sample code: No
  • Provided link: Yes