@mxenabled/connect-widget 0.15.1 → 0.15.2

package/dist/index.es.js

@@ -76183,6 +76183,33 @@ const ManualAccountForm = React__default.forwardRef(
       });
       return schema;
     }
+    useEffect(() => {
+      const handleFocus = (event) => {
+        const focusedElement = event.target;
+        if (formRef.current && focusedElement !== null) {
+          const containerRect = formRef.current.getBoundingClientRect();
+          const elementRect = focusedElement.getBoundingClientRect();
+          const stickyHeader = document.querySelector(
+            '[data-test="navigation-header"]'
+          );
+          const stickyHeaderHeight = stickyHeader ? stickyHeader.offsetHeight : 0;
+          if (elementRect.top < containerRect.top + stickyHeaderHeight || // Account for sticky header
+          elementRect.bottom > containerRect.bottom) {
+            focusedElement.scrollIntoView({
+              behavior: "smooth",
+              block: "center"
+            });
+            if (stickyHeaderHeight > 0) {
+              window.scrollBy(0, -stickyHeaderHeight);
+            }
+          }
+        }
+      };
+      formRef.current?.addEventListener("focusin", handleFocus);
+      return () => {
+        formRef.current?.addEventListener("focusin", handleFocus);
+      };
+    }, [formRef]);
     useEffect(() => {
       if (!saving) return () => {
       };