Skip to content

feat(react-dialog): moves backdrop slot from Dialog to DialogSurface#24669

Merged
bsunderhus merged 7 commits into
microsoft:masterfrom
bsunderhus:react-dialog/move-backdrop-to-dialog-surface
Sep 7, 2022
Merged

feat(react-dialog): moves backdrop slot from Dialog to DialogSurface#24669
bsunderhus merged 7 commits into
microsoft:masterfrom
bsunderhus:react-dialog/move-backdrop-to-dialog-surface

Conversation

@bsunderhus

@bsunderhus bsunderhus commented Sep 6, 2022

Copy link
Copy Markdown
Contributor

Splitting from #24525

Moves backdrop slot from Dialog component to DialogSurface, this will be required to support native dialog element with native ::backdrop at #24525

@fabricteam

fabricteam commented Sep 6, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-dialog
Dialog (including children components)
85.086 kB
25.369 kB
81.485 kB
24.209 kB
-3.601 kB
-1.16 kB
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.317 kB
52.005 kB
react-components
react-components: FluentProvider & webLightTheme
33.317 kB
10.983 kB
🤖 This report was generated against 23d731b8da7c1488b339a195d3caadd2c45ce52b

@size-auditor

size-auditor Bot commented Sep 6, 2022

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: 23d731b8da7c1488b339a195d3caadd2c45ce52b (build)

@fabricteam

fabricteam commented Sep 6, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1263 1242 5000
Button mount 920 931 5000
FluentProvider mount 1474 1489 5000
FluentProviderWithTheme mount 587 572 10
FluentProviderWithTheme virtual-rerender 537 547 10
FluentProviderWithTheme virtual-rerender-with-unmount 569 586 10
MakeStyles mount 1923 1943 50000
SpinButton mount 2358 2343 5000

@bsunderhus
bsunderhus force-pushed the react-dialog/move-backdrop-to-dialog-surface branch 2 times, most recently from 2ed07db to e8587b8 Compare September 6, 2022 10:57
@bsunderhus
bsunderhus marked this pull request as ready for review September 6, 2022 10:57
@bsunderhus
bsunderhus requested review from a team as code owners September 6, 2022 10:57
@codesandbox-ci

codesandbox-ci Bot commented Sep 6, 2022

Copy link
Copy Markdown

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 761e10d:

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

@bsunderhus
bsunderhus marked this pull request as draft September 6, 2022 11:58
@bsunderhus
bsunderhus force-pushed the react-dialog/move-backdrop-to-dialog-surface branch from 9eca58e to c9483b1 Compare September 6, 2022 12:03
@bsunderhus
bsunderhus marked this pull request as ready for review September 6, 2022 12:11
@bsunderhus
bsunderhus force-pushed the react-dialog/move-backdrop-to-dialog-surface branch from c9483b1 to e506f4d Compare September 6, 2022 12:17
@bsunderhus
bsunderhus requested a review from ling1726 September 6, 2022 15:54
Comment thread packages/react-components/react-dialog/e2e/Dialog.e2e.tsx Outdated
Comment thread packages/react-components/react-dialog/src/utils/useFocusFirstElement.ts Outdated
…Element.ts

Co-authored-by: ling1726 <lingfangao@hotmail.com>
@bsunderhus
bsunderhus enabled auto-merge (squash) September 7, 2022 08:16
@bsunderhus
bsunderhus merged commit b02e8f3 into microsoft:master Sep 7, 2022
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