How can I prevent input labels moving when form data loads?



  • When I click on a record in a search listing component the app then goes to the record detail component.

    It has a form and input controls. When the data is loaded in “created” event I see the input labels move above the data. Like the form is empty then when data loaded the labels move.

    It’s not the worst thing but if there is a way to stop it then it would be good.

    An example
    https://imgur.com/a/d06B0Ct

    Any ideas? thanks



  • If you know data will be filled in, set the stack-label prop on your fields.

    Scott


Log in to reply