Make scroll up absolute (#2313)

bcgov · Oct 12, 2023 · dd7839c · dd7839c
1 parent a627ff2
commit dd7839c
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/met-web/src/components/Form/MultiPageForm.tsx b/met-web/src/components/Form/MultiPageForm.tsx
@@ -1,7 +1,8 @@
-import React, { useState, useRef } from 'react';
+import React, { useState } from 'react';
 import { Form } from '@formio/react';
 import { FormSubmissionData, FormSubmitterProps } from './types';
 import FormStepper from 'components/survey/submit/Stepper';
+
 interface PageData {
     page: number;
     submission: unknown;
@@ -10,19 +11,15 @@ interface PageData {
 const MultiPageForm = ({ handleFormChange, savedForm, handleFormSubmit }: FormSubmitterProps) => {
     const [currentPage, setCurrentPage] = useState(0);
 
-    const stepperRef = useRef<HTMLDivElement>(null);
-
     const handleScrollUp = () => {
-        if (stepperRef.current) {
-            stepperRef.current.scrollIntoView({
-                behavior: 'smooth',
-                block: 'end',
-            });
-        }
+        window.scrollTo({
+            top: 100,
+            behavior: 'smooth',
+        });
     };
 
     return (
-        <div className="formio" ref={stepperRef}>
+        <div className="formio">
             <FormStepper currentPage={currentPage} pages={savedForm?.components ?? []} />
             <Form
                 form={savedForm || { display: 'wizard' }}