From da5e5c3529a36acae715c44b4e82a31b8ec67416 Mon Sep 17 00:00:00 2001 From: cpatil-c-eightfold Date: Sat, 24 Aug 2024 00:45:58 +0530 Subject: [PATCH] fix: make stepper region focusable if scrollable (#876) * fix: stepper region: fixed issue by making stepper region focusable * fix: stepper region: updated test snapshot for stepper * fix: stepper region: updated tabindex attribute condition * fix: stepper region: added test case for scrollable stepper --------- Co-authored-by: Jeff Howard <106610186+jhoward-eightfold@users.noreply.github.com> --- src/components/Stepper/Stepper.tsx | 1 + src/components/Stepper/Tests/Stepper.test.tsx | 12 + .../Tests/__snapshots__/Stepper.test.tsx.snap | 20053 ++++++++++++++++ 3 files changed, 20066 insertions(+) diff --git a/src/components/Stepper/Stepper.tsx b/src/components/Stepper/Stepper.tsx index f2af2a44c..9af40f63a 100644 --- a/src/components/Stepper/Stepper.tsx +++ b/src/components/Stepper/Stepper.tsx @@ -522,6 +522,7 @@ export const Stepper: FC = React.forwardRef( className={styles.stepsContainer} onScroll={handleScroll} ref={stepsContainerRef} + tabIndex={mergedScrollable ? 0 : null} >