Skip to content

Very long form, so errors are off screen - scroll to top error message, instead of top of form #527

Open
@cretace

Description

@cretace

Problem is that people scroll to base of form, hit Submit and form jumps to top of screen with errors off screen.
Can I stop the form moving to top of screen on invalid submit?
(Or maybe if it scrolled via JS to first error!)

I can't use toggle disabled as the form is allowed to have empty fields, and also has conditional fields.

I can see the onError function could highlight that there is an error, but it is not specific.
I can't get the onValidate function to show anything. You say it returns an array.. but how do I access and show that array ?
OK - I got onValidate working - but it just overwrites the error message by the input, so doesn't help me . Be great if I could list them in a pop up or alert.

Any ideas for any solution to this?

Thanks

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions