Forms with client-side validation should always scroll to the invalid element when you try to submit

Steps to reproduce:

1. Go to any moderately compliacated form. E.g. start creating a true-false question in the question bank.
2. Just scroll to the bottom, and click the Save button.
3. Note that you are automatically scrolled up to the top becuse the " - You must supply a value here." message has just been added to the question name and question text.
4. Now, scroll down to the bottom, and click the button again.

Actual result: nothing happens. User is confused.

Expected result: you should be scrolled to the validation error.

(Note, the error is only focussed when it is first added so that, if you are navigating around the form with the tab key, you don't get stuck when you want to leave a field empty and return to it later.)