Skip to content

fix(CheckBox): correct disabled focus-visible selector and add allowDisabledFocus story#1123

Closed
ykelkar-eightfold wants to merge 19 commits intoEightfoldAI:mainfrom
ykelkar-eightfold:main
Closed

fix(CheckBox): correct disabled focus-visible selector and add allowDisabledFocus story#1123
ykelkar-eightfold wants to merge 19 commits intoEightfoldAI:mainfrom
ykelkar-eightfold:main

Conversation

@ykelkar-eightfold
Copy link
Copy Markdown
Contributor

SUMMARY:

  • Fix incorrect CSS selector in .selector.disabled block: inputinput[disabled]
    to prevent erroneously suppressing focus rings on non-disabled checkboxes inside a
    disabled wrapper
  • Add Check_Box_Allow_Disabled_Focus Storybook story demonstrating allowDisabledFocus
    prop behavior on disabled checkboxes

GITHUB ISSUE (Open Source Contributors)

JIRA TASK (Eightfold Employees Only):

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

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:

  • Tab to a disabled CheckBox inside a .disabled wrapper — confirm focus ring is
    suppressed (outline: none) only on the disabled input, not sibling enabled inputs
  • Verify Check_Box_Allow_Disabled_Focus story renders both variants correctly in
    Storybook

@codesandbox-ci
Copy link
Copy Markdown

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.

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.

1 participant