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: use tabster to focus on trigger, instead of manually invoking .focus #27512

Conversation

bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Apr 11, 2023

New Behavior

Nothing changes, but with this PR we can remove unnecessary .focus invocation on focusFirstElement since we can rely on tabster to focus on trigger when dialog is closed.

@bsunderhus bsunderhus self-assigned this Apr 11, 2023
@github-actions github-actions bot added this to the April Project Cycle Q2 2023 milestone Apr 11, 2023
@bsunderhus bsunderhus force-pushed the react-dialog/fix--use-tabster-to-focus-on-trigger branch from 5494590 to 64bd993 Compare April 11, 2023 09:12
@size-auditor
Copy link

size-auditor bot commented Apr 11, 2023

Asset size changes

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

Baseline commit: 8b3c1619b483d19e4d3a0e4c30b03cb2ab055467 (build)

@codesandbox-ci
Copy link

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 64bd993:

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

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-dialog
Dialog (including children components)
93.352 kB
27.394 kB
93.242 kB
27.369 kB
-110 B
-25 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
67.994 kB
18.395 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.512 kB
57.555 kB
react-components
react-components: FluentProvider & webLightTheme
38.819 kB
12.351 kB
react-portal-compat
PortalCompatProvider
6.446 kB
2.185 kB
🤖 This report was generated against 8b3c1619b483d19e4d3a0e4c30b03cb2ab055467

@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 896 934 5000
Button mount 470 464 5000
Field mount 1716 1714 5000
FluentProvider mount 1136 1148 5000
FluentProviderWithTheme mount 143 146 10
FluentProviderWithTheme virtual-rerender 108 113 10
FluentProviderWithTheme virtual-rerender-with-unmount 127 134 10
InfoButton mount 29 28 5000
MakeStyles mount 1352 1373 50000
Persona mount 2596 2560 5000
SpinButton mount 2077 2124 5000

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus marked this pull request as ready for review April 11, 2023 11:36
@bsunderhus bsunderhus requested a review from a team as a code owner April 11, 2023 11:36
@bsunderhus bsunderhus merged commit 841ea75 into microsoft:master Apr 11, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Apr 13, 2023
…t/drawer-light-dismiss-prop

* marcosmoura/feat/drawer-component: (51 commits)
  fix: upgrade react-dialog
  Doc: Add/Remove TreeItem and useFlatTree stories (microsoft#27515)
  applying package updates
  Fix accessibility labels for tree stories (microsoft#27443)
  fix: BasePickerListBelow aria-describedby with values (microsoft#27525)
  chore: Remove deprecated InputField, etc. shim components (microsoft#27492)
  [Feature]: allow aria-description attribute on v9 (microsoft#27478)
  feat(react-jsx-runtime): implements custom JSX pragma (microsoft#27472)
  chore: update generator to include "test-ssr" script (microsoft#27463)
  applying package updates
  fix: add "style" to exports field (microsoft#27274)
  applying package updates
  feat(react-datepicker-compat): Make package public (microsoft#27524)
  fix: react-combobox defines fallbackPositions for popup on small screens (microsoft#27521)
  fix: use tabster to focus on trigger, instead of manually invoking .focus (microsoft#27512)
  add cxe-red to react-shared-context ownership (microsoft#27296)
  docs: add props tables for all exported Popover controls (microsoft#27503)
  fix: Update FormFieldShim to work with Field context changes (microsoft#27436)
  Fix wrong state narration for multiple selected legends (microsoft#27429)
  add codeowners to theme designer v9 (microsoft#27311)
  ...
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.

3 participants