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 row focus background color #29364

Merged

Conversation

ling1726
Copy link
Member

@ling1726 ling1726 commented Oct 2, 2023

Removes the the row focus background so that focus state in the teams high contrast theme appears clearly

Before

Light

image

Dark

image

Teams HC

image

After

Light

image

Dark

image

Teams HC

image

Fixes #29033

Removes the the row focus background so that focus outline in the teams
high contrast theme appears clearly

Fixes microsoft#29033
@fabricteam
Copy link
Collaborator

fabricteam commented Oct 2, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 64 58 10 Possible regression
InfoButton mount 14 11 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 620 625 5000
Button mount 318 320 5000
Field mount 1132 1101 5000
FluentProvider mount 685 669 5000
FluentProviderWithTheme mount 81 84 10
FluentProviderWithTheme virtual-rerender 64 58 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 76 75 10
InfoButton mount 14 11 5000 Possible regression
MakeStyles mount 825 835 50000
Persona mount 1711 1676 5000
SpinButton mount 1299 1323 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Oct 2, 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 42c02cc:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 2, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-table
DataGrid
155.92 kB
43.463 kB
155.652 kB
43.412 kB
-268 B
-51 B
react-table
Table (Primitives only)
42.715 kB
13.341 kB
42.447 kB
13.298 kB
-268 B
-43 B
react-table
Table as DataGrid
129.19 kB
34.771 kB
128.922 kB
34.713 kB
-268 B
-58 B
react-table
Table (Selection only)
74.557 kB
20.071 kB
74.289 kB
20.003 kB
-268 B
-68 B
react-table
Table (Sort only)
73.164 kB
19.67 kB
72.896 kB
19.602 kB
-268 B
-68 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.227 kB
19.584 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.783 kB
59.085 kB
react-components
react-components: FluentProvider & webLightTheme
40.793 kB
13.521 kB
react-portal-compat
PortalCompatProvider
6.503 kB
2.22 kB
🤖 This report was generated against b1c71b351bc23d512f9dca839bdc43f3ab32c707

@size-auditor
Copy link

size-auditor bot commented Oct 2, 2023

Asset size changes

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

Baseline commit: b1c71b351bc23d512f9dca839bdc43f3ab32c707 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Oct 2, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@ling1726 ling1726 marked this pull request as ready for review October 3, 2023 07:31
@ling1726 ling1726 requested a review from a team as a code owner October 3, 2023 07:31
@ling1726 ling1726 force-pushed the react-table/fix/hc-focus-indicator branch from 0cd91f3 to ad1e5a6 Compare October 3, 2023 09:04
@miroslavstastny miroslavstastny merged commit d2196ea into microsoft:master Oct 9, 2023
24 checks passed
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.

[Bug]: Data Grid: keyboard navigation in Teams High Contrast with selectionMode="single"
4 participants