Skip to content

fix: Drawer story accessibility fixes and docs update#31570

Merged
smhigley merged 1 commit intomicrosoft:masterfrom
smhigley:story-a11y-fixes
Jun 10, 2024
Merged

fix: Drawer story accessibility fixes and docs update#31570
smhigley merged 1 commit intomicrosoft:masterfrom
smhigley:story-a11y-fixes

Conversation

@smhigley
Copy link
Contributor

@smhigley smhigley commented Jun 4, 2024

Previous Behavior

No package changes, fixes several bugs in the storybook examples:

  • InlineDrawer stories & best practices docs show how to handle focus restoration
  • Inline story doesn't clip left/right/bottom buttons at high zoom %
  • Navigation story's drawer splits the back button out from the toolbar (not technically a compliance bug, but I agree that visually it's unexpected to need to arrow from the back button to the actions)

(Fixes several ADO a11y bugs)

@smhigley smhigley requested review from a team and marcosmoura as code owners June 4, 2024 22:38
@github-actions github-actions bot added this to the April Project Cycle Q1 2024 milestone Jun 4, 2024
@smhigley smhigley force-pushed the story-a11y-fixes branch from 8d9236f to 02351b8 Compare June 4, 2024 22:42
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 624 654 5000
Button mount 306 290 5000
Field mount 1123 1106 5000
FluentProvider mount 713 711 5000
FluentProviderWithTheme mount 79 86 10
FluentProviderWithTheme virtual-rerender 34 35 10
FluentProviderWithTheme virtual-rerender-with-unmount 77 78 10
MakeStyles mount 870 846 50000
Persona mount 1768 1730 5000
SpinButton mount 1429 1398 5000
SwatchPicker mount 1547 1610 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jun 4, 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.

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 4, 2024

📊 Bundle size report

✅ No changes found

@smhigley smhigley merged commit 9e51d12 into microsoft:master Jun 10, 2024
@smhigley smhigley deleted the story-a11y-fixes branch June 10, 2024 20:20
mainframev pushed a commit to mainframev/fluentui that referenced this pull request Jun 11, 2024
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 11, 2024
…-and-drawer-compat

* master: (43 commits)
  chore: remove react-alert from monorepo (microsoft#31642)
  docs(react-skeleton): extend Skeleton story with SkeletonItem examples (microsoft#31608)
  feat(react-motion): add support for params (microsoft#31566)
  applying package updates
  fix: show default title action in dialog body for modal dialogs (microsoft#31648)
  chore:(react-nav-preview)Remove redundant NavDrawerHeaderNav component. (microsoft#31646)
  Update Accordion Size story to allow collapsing (microsoft#31624)
  fix(react-accordion): deprecate navigation prop (microsoft#31587)
  fix: Drawer story accessibility fixes and docs update (microsoft#31570)
  feat:(react-nav-preview) Adds small size variant (microsoft#31589)
  feat: update divider to use element internals (microsoft#31627)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch (microsoft#31601)
  chore:(docs) Adding Jest testing document (microsoft#31554)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /2nd batch (microsoft#31600)
  build(deps): bump tar from 6.1.11 to 6.2.1 (microsoft#31633)
  applying package updates
  fix: allow updating of CSS properties when they are already defined (microsoft#31629)
  fix: corrects the border-color for switch when in the checked state on rest (microsoft#31628)
  chore: update Switch to leverage ElementInternals via Checkbox (microsoft#31613)
  chore: update temporarily codeowners for split-in-two migrated packages to maintain proper PR review assignemnt for outdated branches (microsoft#31616)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 11, 2024
* master: (43 commits)
  chore: remove react-alert from monorepo (microsoft#31642)
  docs(react-skeleton): extend Skeleton story with SkeletonItem examples (microsoft#31608)
  feat(react-motion): add support for params (microsoft#31566)
  applying package updates
  fix: show default title action in dialog body for modal dialogs (microsoft#31648)
  chore:(react-nav-preview)Remove redundant NavDrawerHeaderNav component. (microsoft#31646)
  Update Accordion Size story to allow collapsing (microsoft#31624)
  fix(react-accordion): deprecate navigation prop (microsoft#31587)
  fix: Drawer story accessibility fixes and docs update (microsoft#31570)
  feat:(react-nav-preview) Adds small size variant (microsoft#31589)
  feat: update divider to use element internals (microsoft#31627)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch (microsoft#31601)
  chore:(docs) Adding Jest testing document (microsoft#31554)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /2nd batch (microsoft#31600)
  build(deps): bump tar from 6.1.11 to 6.2.1 (microsoft#31633)
  applying package updates
  fix: allow updating of CSS properties when they are already defined (microsoft#31629)
  fix: corrects the border-color for switch when in the checked state on rest (microsoft#31628)
  chore: update Switch to leverage ElementInternals via Checkbox (microsoft#31613)
  chore: update temporarily codeowners for split-in-two migrated packages to maintain proper PR review assignemnt for outdated branches (microsoft#31616)
  ...
miroslavstastny pushed a commit to miroslavstastny/fluentui that referenced this pull request Jun 14, 2024
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.

3 participants