Disable browser scroll to errored input

Question

When I submit form and the form has errors, like empty required input, browser scrolls up to that input. I dont want that. I have custom scroll to errored inputs and browsers scroll interfere with mine. How to disable this?

btw I use react-hook-form

Answer 1

When you create your form with the useForm hook you just need to set the shouldFocusError to false

eg

const { register } = useForm({
  // ... other settings
  shouldFocusError: false,
})

ref: https://react-hook-form.com/api/useform

Answer 2

Yeah the documentation says the { shouldFocusError: false }, will do the work but In my case it also not working and I am using yup resolver with schema.