BUG: autoscroll does not scroll to the correct element

[matyasjay]

Description

Given a multi-field form with several required values. When hitting the submit, the program intermittently scrolls to either the first or second missing field.

Expected Behavior

Always scroll the first required field.

Actual Behavior

The scroll behaviour is intermittent, no consistent way to make sure it is scrolling to the correct field.

Possible Fix

Probably the issue is coming from react-hook-forms third party. Needs investigation if this is fixable by the FormBuilder.

Steps to Reproduce

1. Create a simple multi field form with required fields
2. Hit submit to produce errors
3. Witness intermittent behaviour

Context

The issue was flagged by the client having issues on one of our form pages.

Your Environment

• Version used: 1.1.1
• Environment name and version (e.g. Chrome 39, node.js 5.4): Chrome/Safari (version-agnostic)
• Operating System and version (desktop or mobile): Desktop/Mobile
• Link to your project: private