Skip to content

Conversation

@marcosmoura
Copy link
Contributor

This PR introduces two fixes for accessibility:

  • Remove CSS transitions for Drawer backdrop
  • Add line separator when in "high contrast" mode

Related Issue(s)

@marcosmoura marcosmoura self-assigned this Oct 24, 2023
@marcosmoura marcosmoura requested a review from a team as a code owner October 24, 2023 16:22
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 24, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender-with-unmount 72 78 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 609 644 5000
Button mount 311 329 5000
Field mount 1119 1137 5000
FluentProvider mount 706 687 5000
FluentProviderWithTheme mount 73 78 10
FluentProviderWithTheme virtual-rerender 68 60 10
FluentProviderWithTheme virtual-rerender-with-unmount 72 78 10 Possible regression
MakeStyles mount 861 866 50000
Persona mount 1775 1723 5000
SpinButton mount 1389 1421 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 24, 2023

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.

Latest deployment of this branch, based on commit 6a86238:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 24, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.002 kB
20.161 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.417 kB
59.289 kB
react-components
react-components: FluentProvider & webLightTheme
42.286 kB
14 kB
react-portal-compat
PortalCompatProvider
6.651 kB
2.252 kB
🤖 This report was generated against d4ad8bc01ee253a6da6a2f7e0b8978ee900e7887

@size-auditor
Copy link

size-auditor bot commented Oct 24, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: d4ad8bc01ee253a6da6a2f7e0b8978ee900e7887 (build)

@marcosmoura marcosmoura merged commit b77e967 into microsoft:master Oct 26, 2023
@marcosmoura marcosmoura deleted the fix/react-drawer/high-contrast-mode branch October 26, 2023 11:00
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 26, 2023
* master:
  chore: migrate to nx 16.10 (microsoft#29617)
  fix(react-drawer): accessibility tweaks (microsoft#29627)
  Fixing few legend colors not visible in dark mode (microsoft#29652)
  applying package updates
  Fixing dark mode bug for xAxis for Vertical Stacked bar chart (microsoft#29427)
  chore: Refactor RadioGroup stories to use Field, and remove individual storybook page for Radio (microsoft#29268)
  docs: fix description of SelectInitialValue story (microsoft#26493)
  chore: fix specs location (microsoft#29642)
  feat(scripts-task): implement initial verify-packaging task (microsoft#29595)
  feat(tools): replace npmignore with package.json#files for robust control over what we ship to npm (microsoft#29616)
  fix(workspace-plugin): fix storybook and vr-test issues wihtin prepare-initial-release generator (microsoft#29577)
  feat(react-breadcrumb): removed non-interactive item  (microsoft#29623)
  fix(react-motion): prevent from breaking the rule of hooks (microsoft#29628)
  fix(react-toast): invoke useCustomStyleHook_unstable() (microsoft#29632)
  feat: Deprecate Alert component (microsoft#29615)
  chore(react-infobutton, react-components): Deprecate InfoButton and InfoLabel from react-infobutton (microsoft#29605)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Drawer has no visible border in windows high contrast mode

3 participants