From 43ff681be9365ba1ba4315bf50f04e79b9e88545 Mon Sep 17 00:00:00 2001
From: Mihai Albu <mihai.albu@sage.com>
Date: Wed, 18 Sep 2024 10:45:25 +0000
Subject: [PATCH] fix(form, dialog): tabbing in FireFox - focus incorrect

tabIndex with a value of -1 has been added to prevent the focus in FireFox
---
 src/components/dialog/dialog.component.tsx | 6 +++++-
 src/components/form/form.component.tsx     | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/dialog/dialog.component.tsx b/src/components/dialog/dialog.component.tsx
index 74cc89bcfa..8d727fcb1f 100644
--- a/src/components/dialog/dialog.component.tsx
+++ b/src/components/dialog/dialog.component.tsx
@@ -337,7 +337,11 @@ export const Dialog = forwardRef<DialogHandle, DialogProps>(
           >
             {dialogTitle()}
             {closeIcon()}
-            <StyledDialogContent {...contentPadding} data-role="dialog-content">
+            <StyledDialogContent
+              {...contentPadding}
+              data-role="dialog-content"
+              tabIndex={-1}
+            >
               <StyledDialogInnerContent
                 data-role="dialog-inner-content"
                 ref={innerContentRef}
diff --git a/src/components/form/form.component.tsx b/src/components/form/form.component.tsx
index efb74576a4..d11cf96b31 100644
--- a/src/components/form/form.component.tsx
+++ b/src/components/form/form.component.tsx
@@ -100,6 +100,7 @@ export const Form = ({
         className={stickyFooter ? "sticky" : ""}
         stickyFooter={stickyFooter}
         isInModal={isInModal}
+        tabIndex={-1}
       >
         <FormSpacingProvider marginBottom={formSpacing[fieldSpacing]}>
           {children}