Topic: input-group form-outline bad processing

efilippi priority asked 5 months ago


I'm facing a problem with MBP processing when loading a hiden div (d-none) containing a form label.

The form label style "margin-left" should be 44px, but it's -1px It seems that MDB does not process correctly when the div is hidden.

Source code :


Expected behavior

after MDB processing


Actual behavior

after MDB processing


Resources (screenshots, code snippets etc.)

snippet : snippet

So I found a bypass that waits for complete page load before applying the d-none, but it's not clean :

addEventListener("load", (e) => { document.getElementsByName("psuivantblock").forEach ((psuivantblock) => { psuivantblock.classList.remove ('d-inline-flex'); psuivantblock.classList.add ('d-none'); }); });

Mateusz Lazaru staff answered 5 months ago

Thanks for reporting this problem and workaround. However, it's not exactly component's bug. It calculates its styles on init, so when component has no dimensions it could not calculate it properly. We have created an update() method for such cases:

efilippi priority answered 5 months ago

Thank you it works perfectly now !

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.2.0
  • Device: computer
  • Browser: firefox
  • OS: windows 10
  • Provided sample code: No
  • Provided link: Yes