Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: make stepper region focusable if scrollable #876

Conversation

cpatil-c-eightfold
Copy link
Contributor

@cpatil-c-eightfold cpatil-c-eightfold commented Aug 21, 2024

SUMMARY:

In the case of onboarding flow, was getting axe devtools issue saying "Scrollable region must have keyboard access". So added a tabindex attribute to make the stepper region focusable to fix the issue.

GITHUB ISSUE (Open Source Contributors)

JIRA TASK (Eightfold Employees Only):

https://eightfoldai.atlassian.net/browse/ENG-85455

CHANGE TYPE:

  • Bugfix Pull Request
  • Feature Pull Request

TEST COVERAGE:

  • Tests for this change already exist
  • I have added unittests for this change

TEST PLAN:

image

  • pull this locally and bring up storybook
  • confirm that the stepper center region is focusable and user can scroll using the keyboard or not.
  • confirm that other variants of the stepper component are still working as expected too.

Copy link

codesandbox-ci bot commented Aug 21, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

@jhoward-eightfold jhoward-eightfold changed the title Cpatil fix for making stepper region focusable fix: make stepper region focusable if scrollable Aug 23, 2024
@jhoward-eightfold jhoward-eightfold merged commit b9c6eb2 into EightfoldAI:main Aug 23, 2024
3 of 4 checks passed
Copy link

codecov bot commented Aug 23, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.63%. Comparing base (d9a0789) to head (eb47b77).
Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #876      +/-   ##
==========================================
+ Coverage   84.53%   84.63%   +0.09%     
==========================================
  Files        1099     1099              
  Lines       20405    20406       +1     
  Branches     7711     7712       +1     
==========================================
+ Hits        17249    17270      +21     
+ Misses       3071     3049      -22     
- Partials       85       87       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

jhoward-eightfold added a commit that referenced this pull request Aug 27, 2024
* 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants