fix(tearsheet): Firefox focuses Tearsheet content div with scroll (ca…

…rbon-design-system#5973) * fix(tearsheet): provide tabindex -1 for content div * chore(Wrap): include tabIndex in props interface
anamikaanu96 · Sep 11, 2024 · 19e319b · 19e319b
1 parent baf0ec2
commit 19e319b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -54,6 +54,11 @@ interface WrapProps extends PropsWithChildren {
   neverRender?: boolean;
 
   className?: string;
+
+  /**
+   * Tab index for the wrapper div
+   */
+  tabIndex?: number;
 }
 
 /**