Use better selector

CitizenLabDotCo · Oct 31, 2023 · a11d21a · a11d21a
1 parent 221149a
commit a11d21a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/front/app/components/Form/Components/Layouts/CLPageLayout.tsx b/front/app/components/Form/Components/Layouts/CLPageLayout.tsx
@@ -105,8 +105,8 @@ const CLPageLayout = memo(
       if (scrollToError) {
         // Scroll to the first field with an error
         document
-          .querySelectorAll('#error-display')[0]
-          .scrollIntoView({ behavior: 'smooth', block: 'center' });
+          .getElementById('error-display')
+          ?.scrollIntoView({ behavior: 'smooth', block: 'center' });
         setScrollToError(false);
       }
     }, [scrollToError]);

diff --git a/front/app/components/Form/index.tsx b/front/app/components/Form/index.tsx
@@ -130,8 +130,8 @@ const Form = memo(
       if (scrollToError) {
         // Scroll to the first field with an error
         document
-          .querySelectorAll('#error-display')[0]
-          .scrollIntoView({ behavior: 'smooth', block: 'center' });
+          .getElementById('error-display')
+          ?.scrollIntoView({ behavior: 'smooth', block: 'center' });
         setScrollToError(false);
       }
     }, [scrollToError]);