Topic: From Labels displaying over text in form-control

ktlivengood premium asked 1 month ago


Expected behavior Using the fetch API to populate textarea form-controls and the label of that form-control should move to the top of the form-control. Actual behavior the form-control label populates on-top of of form-control text.enter image description here

The label then moves to the top of the control-field only after I click inside that field. enter image description here

for(var i in data){ document.getElementById('GENERAL_NOTES').value =data[i].fieldName; }


Grzegorz Bujański staff answered 1 month ago


Label is updated when one of the events fires: blur, focus, input. Unfortunately, changing value with JS does not automatically trigger an input event. After set value just try dispatch event input;

document.getElementById('GENERAL_NOTES').dispatchEvent(new Event('input'));


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: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: HP Desktop
  • Browser: Mozilla
  • OS: Windows 10 PC
  • Provided sample code: No
  • Provided link: No