Added fix for focus behaviour in pages with a .form-section-preview

The current behaviour for the focus state when providing an update to a report is going directly into the first input after the .form-section-preview and its content, making it difficult for users using assistive devices to edit an "update" once they have pressed the "continue" button, because they would need to travel across the whole page in order to reach "Edit your update" button. With this fix the focus state goes directly to the content inside ".form-section-preview" if this element exist.

web/cobrands/fixmystreet/fixmystreet.js

@@ -1330,7 +1330,15 @@ $.extend(fixmystreet.set_up, {
 
     var focusFirstVisibleInput = function() {
         // Ignore logged-in form here, because it should all be pre-filled already!
-        $('#form_sign_in_yes input, #form_sign_in_no input').filter(':visible').eq(0).trigger('focus');
+        var $inputs = $('#form_sign_in_yes input, #form_sign_in_no input').filter(':visible');
+
+        // Check if there is an element with class .form-section-preview. This will allow users to rectify any previews answers without having to circle around the whole page.
+        var $formSectionPreview = $('.form-section-preview').first();
+        if ($formSectionPreview.length) {
+            $formSectionPreview.children().first().trigger('focus');
+        } else {
+            $inputs.eq(0).trigger('focus');
+        }
     };
 
     // Display tweak