Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New Feature: AvForm - focus on error

See original GitHub issue

We’re running into an issue where when the user clicks a button to submit a form and there are invalid fields, the invalid fields are not in focus and or view. There’s this discussion in regards to formkit here so I know there’s a way to accomplish this. Is there a way to get this going for AvForm?

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

diegodesouzacommented, May 17, 2020

spoke too soon. I used scrollIntoView along with focus lol thanks @nylon22

nylon22commented, May 18, 2020

Please see this:

Closing as this is an implementation detail and out of scope for the original issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

reactjs - How to focus when an error occurs in react-hook-form ...
First, detect when the errors object changes and then find the first field which has the object and call setFocus(field) :
Read more >
User Notification | Web Accessibility Initiative (WAI) | W3C
When a form is submitted, it is important that the user is notified whether ... a new page but shows changes, such as...
Read more >
How to Report Errors in Forms: 10 Design Guidelines
For complex input such as new passwords, instant inline validation (which appears as the field value is being typed) will prevent users from ......
Read more >
Bring Focus to the First Form Field with an Error
Whenever you're building a form, you should use every tool in your ... feature of the Constraint Validation API to show a custom...
Read more >
Errors function in Power Apps - Power Platform - Microsoft Learn
This can be useful for displaying the error message on a form screen without needing to capture the error in a state variable....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found