From 19e319baff3635fb2d1a54d22cfaa5dfc8e95e23 Mon Sep 17 00:00:00 2001
From: Afsal K <makafsal@users.noreply.github.com>
Date: Wed, 11 Sep 2024 18:40:28 +0530
Subject: [PATCH] fix(tearsheet): Firefox focuses Tearsheet content div with
 scroll (#5973)

* fix(tearsheet): provide tabindex -1 for content div

* chore(Wrap): include tabIndex in props interface
---
 .../ibm-products/src/components/Tearsheet/TearsheetShell.tsx | 1 +
 packages/ibm-products/src/global/js/utils/Wrap.tsx           | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/ibm-products/src/components/Tearsheet/TearsheetShell.tsx b/packages/ibm-products/src/components/Tearsheet/TearsheetShell.tsx
index f918edc06c..e19091fcc2 100644
--- a/packages/ibm-products/src/components/Tearsheet/TearsheetShell.tsx
+++ b/packages/ibm-products/src/components/Tearsheet/TearsheetShell.tsx
@@ -550,6 +550,7 @@ export const TearsheetShell = React.forwardRef(
                     alwaysRender={
                       !!(influencer && influencerPosition === 'right')
                     }
+                    tabIndex={-1}
                   >
                     {children}
                   </Wrap>
diff --git a/packages/ibm-products/src/global/js/utils/Wrap.tsx b/packages/ibm-products/src/global/js/utils/Wrap.tsx
index 13ce3846f6..3d4767aa88 100644
--- a/packages/ibm-products/src/global/js/utils/Wrap.tsx
+++ b/packages/ibm-products/src/global/js/utils/Wrap.tsx
@@ -54,6 +54,11 @@ interface WrapProps extends PropsWithChildren {
   neverRender?: boolean;
 
   className?: string;
+
+  /**
+   * Tab index for the wrapper div
+   */
+  tabIndex?: number;
 }
 
 /**