Topic: Input fields broken design after clicking on other url then back in browser

agenda priority asked 5 months ago


when i write something to the Basic example input field here - and then in main manu click on some other page like Support or Services and then i click back button in my web browser i get corrupted layout/design on input field (see attached screenshot).

enter image description here

agenda priority answered 4 months ago

Thank you. Can you let us know when you will apply the fix in new update/release.

mlazaru staff answered 5 months ago

It seems like DOMContentLoaded fires before inputs receive their values back in several browsers.

try to use this code as a workaround:

document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    const inputs = document.querySelectorAll('input.form-control')
    inputs.forEach((input) => {
      if(input.value != '') {
  }, 100);

kpienkowska staff answered 5 months ago

Thank you for letting us know about this bug. We will fix this as soon as possible.

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

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: PC
  • Browser: Edge
  • OS: Windows 10 and 11
  • Provided sample code: No
  • Provided link: Yes