Set focus to error summary when page loads with error

akdalin-hee · akdalin-hee · commit d11f5dacc187 · 2024-08-07T17:51:20.000+01:00
diff --git a/NHSUKViewComponents.Web/Views/Shared/Components/ErrorSummary/Default.cshtml b/NHSUKViewComponents.Web/Views/Shared/Components/ErrorSummary/Default.cshtml
@@ -21,6 +21,10 @@
             </ul>
         </div>
     </div>
+    <script>
+        const errorSummary = document.querySelector("#error-summary-title").parentElement;
+        errorSummary.focus();
+    </script>
 }
 else
 {

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,10 @@`
`21`	`21`	`</ul>`
`22`	`22`	`</div>`
`23`	`23`	`</div>`
	`24`	`+ <script>`
	`25`	`+ const errorSummary = document.querySelector("#error-summary-title").parentElement;`
	`26`	`+ errorSummary.focus();`
	`27`	`+ </script>`
`24`	`28`	`}`
`25`	`29`	`else`
`26`	`30`	`{`