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

agenda priority asked 1 year 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 1 year ago

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

Mateusz Lazaru staff answered 1 year 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);

Kamila Pieńkowska staff answered 1 year 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

  • ForumUser: 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