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: Remove provider classname from focus styles #24710

Merged
merged 2 commits into from
Sep 8, 2022

Conversation

ling1726
Copy link
Member

@ling1726 ling1726 commented Sep 8, 2022

Removes the redundant provider class selector from focus outline. It doesn't really improve performance but means we can remove the hard coded class selector

time elapsed fast reject count match attempts match count
377 0 1484 364

Removes the redundant provider class selector from focus outline. This
also seems to improve performance
@github-actions github-actions bot added this to the July Project Cycle Q3 2022 milestone Sep 8, 2022
@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 8, 2022

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 d60d17e:

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-accordion
Accordion (including children components)
79.46 kB
24.109 kB
78.914 kB
24.06 kB
-546 B
-49 B
react-alert
Alert
83.894 kB
20.924 kB
83.228 kB
20.889 kB
-666 B
-35 B
react-button
Button
36.502 kB
9.621 kB
35.836 kB
9.59 kB
-666 B
-31 B
react-button
CompoundButton
43.528 kB
10.841 kB
42.862 kB
10.808 kB
-666 B
-33 B
react-button
MenuButton
39.12 kB
10.501 kB
38.454 kB
10.461 kB
-666 B
-40 B
react-button
SplitButton
46.65 kB
11.884 kB
45.87 kB
11.811 kB
-780 B
-73 B
react-button
ToggleButton
52.016 kB
11.044 kB
51.017 kB
11.007 kB
-999 B
-37 B
react-card
Card - All
67.558 kB
19.31 kB
67.002 kB
19.261 kB
-556 B
-49 B
react-card
Card
63.24 kB
18.221 kB
62.684 kB
18.177 kB
-556 B
-44 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.414 kB
52.045 kB
187.656 kB
51.96 kB
-1.758 kB
-85 B
react-dialog
Dialog (including children components)
81.529 kB
24.221 kB
80.983 kB
24.186 kB
-546 B
-35 B
react-link
Link
12.331 kB
4.968 kB
12.254 kB
4.956 kB
-77 B
-12 B
react-menu
Menu (including children components)
116.281 kB
35.47 kB
115.735 kB
35.419 kB
-546 B
-51 B
react-menu
Menu (including selectable components)
119.48 kB
35.954 kB
118.934 kB
35.916 kB
-546 B
-38 B
react-radio
Radio
36.125 kB
11.963 kB
35.56 kB
11.929 kB
-565 B
-34 B
react-slider
Slider
32.17 kB
10.08 kB
31.526 kB
10.046 kB
-644 B
-34 B
react-switch
Switch
32.662 kB
10.301 kB
32.097 kB
10.27 kB
-565 B
-31 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-avatar
Avatar
48.381 kB
13.696 kB
react-avatar
AvatarGroup
14.95 kB
5.989 kB
react-avatar
AvatarGroupItem
68.349 kB
19.039 kB
react-card
CardFooter
8.561 kB
3.601 kB
react-card
CardHeader
9.604 kB
3.94 kB
react-card
CardPreview
8.662 kB
3.656 kB
react-combobox
Combobox (including child components)
73.863 kB
24.018 kB
react-combobox
Dropdown (including child components)
73.45 kB
23.927 kB
react-components
react-components: FluentProvider & webLightTheme
33.359 kB
11.004 kB
react-popover
Popover
102.938 kB
31.542 kB
react-portal
Portal
10.576 kB
3.875 kB
react-provider
FluentProvider
15.755 kB
5.883 kB
react-radio
RadioGroup
14.248 kB
5.7 kB
react-tooltip
Tooltip
41.502 kB
14.623 kB
🤖 This report was generated against 6fd8556690d3716c3f37b88b366dd51502d11d76

@size-auditor
Copy link

size-auditor bot commented Sep 8, 2022

Asset size changes

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

Baseline commit: 6fd8556690d3716c3f37b88b366dd51502d11d76 (build)

@ling1726 ling1726 enabled auto-merge (squash) September 8, 2022 07:10
@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 1721 1692 5000
Button mount 1183 1176 5000
FluentProvider mount 1991 1952 5000
FluentProviderWithTheme mount 726 728 10
FluentProviderWithTheme virtual-rerender 664 668 10
FluentProviderWithTheme virtual-rerender-with-unmount 737 739 10
MakeStyles mount 2314 2328 50000
SpinButton mount 3363 3231 5000

@ling1726 ling1726 merged commit e4d50f2 into microsoft:master Sep 8, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 9, 2022
* master: (63 commits)
  feat: add helper types to assist DOM element handling (microsoft#24722)
  applying package updates
  Textarea/hc bug (microsoft#24701)
  Fix null ref in use slider (microsoft#24728)
  Add Field unit tests, and remove snapshot tests (microsoft#24706)
  Stress Test: add build commands (microsoft#24575)
  Coachmark - useOffsetHeight should cause re-render on each set state to match v7 functionality (microsoft#24702)
  Implement screener tests for Field components (microsoft#24684)
  Update Field types to clean up react-field.api.md (microsoft#24703)
  fix(Popup): remove rotate(360deg) from PopupContent content styles (microsoft#24432)
  fix(FocusZone): should reset tabindex when focus is outside the zone with prop `shouldResetActiveElementWhenTabFromZone` (microsoft#24463)
  Fix greyed out legend key contrast ratio (microsoft#24714)
  fix: Portal compat should apply `focus-visible` ponyfill (microsoft#24712)
  Fix artifact error (microsoft#24717)
  chore(react-dialog): remove localShorthands in favor of griffel shorthands (microsoft#24715)
  Skip screener checks for draft PRs with exception of appropriately la… (microsoft#24694)
  fix: Remove provider classname from focus styles (microsoft#24710)
  feat: autocontrolled `useTable` hook (microsoft#24688)
  feat: add dialog properties to getNativeElementProps (microsoft#24698)
  Using migrate rather than upgrade term (microsoft#24695)
  ...
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.

4 participants