Skip to content

bugfix: adds grid-template-columns to DialogBody styles to ensure grid template layout#28272

Merged
bsunderhus merged 1 commit intomicrosoft:masterfrom
bsunderhus:react-dialog/bugfix--grid-template-columns-missing
Jun 22, 2023
Merged

bugfix: adds grid-template-columns to DialogBody styles to ensure grid template layout#28272
bsunderhus merged 1 commit intomicrosoft:masterfrom
bsunderhus:react-dialog/bugfix--grid-template-columns-missing

Conversation

@bsunderhus
Copy link
Contributor

@bsunderhus bsunderhus commented Jun 21, 2023

Previous Behavior

image

due to missing grid-template-columns the DialogBody doesn't properly expand it's whole size when the body is complex

New Behavior

image

  1. adds grid-tempalte-columns to it's old value

Related Issue(s)

  • Fixes #

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 13 14 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 612 594 5000
Button mount 288 297 5000
Field mount 1069 1058 5000
FluentProvider mount 651 667 5000
FluentProviderWithTheme mount 77 80 10
FluentProviderWithTheme virtual-rerender 64 61 10
FluentProviderWithTheme virtual-rerender-with-unmount 63 79 10
InfoButton mount 13 14 5000 Possible regression
MakeStyles mount 857 865 50000
Persona mount 1690 1628 5000
SpinButton mount 1330 1227 5000

@size-auditor
Copy link

size-auditor bot commented Jun 21, 2023

Asset size changes

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

Baseline commit: 5809e04461b488016393f68d0c809d5b43eb93db (build)

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-dialog
Dialog (including children components)
92.072 kB
27.46 kB
92.138 kB
27.487 kB
66 B
27 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
65.162 kB
17.952 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.365 kB
58.697 kB
react-components
react-components: FluentProvider & webLightTheme
36.395 kB
11.996 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
🤖 This report was generated against 5809e04461b488016393f68d0c809d5b43eb93db

@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 7706740:

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

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@bsunderhus bsunderhus marked this pull request as ready for review June 21, 2023 13:18
@bsunderhus bsunderhus requested a review from a team as a code owner June 21, 2023 13:18
Copy link
Contributor

@ling1726 ling1726 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

vr test?

@bsunderhus bsunderhus merged commit e968c73 into microsoft:master Jun 22, 2023
@bsunderhus bsunderhus deleted the react-dialog/bugfix--grid-template-columns-missing branch June 22, 2023 08:31
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 22, 2023
* master:
  docs(react-drawer): improve drawer stories examples (microsoft#28283)
  bugfix: adds grid-template-columns to DialogBody styles to ensure grid template layout (microsoft#28272)
  Doc: Tree Infinite Scrolling (microsoft#28197)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 22, 2023
* master: (95 commits)
  docs(react-drawer): improve drawer stories examples (microsoft#28283)
  bugfix: adds grid-template-columns to DialogBody styles to ensure grid template layout (microsoft#28272)
  Doc: Tree Infinite Scrolling (microsoft#28197)
  fix(react-card): infer a11y id from immediate header element (microsoft#28266)
  Fixed bugs and added more stories to the Breadcrumb (microsoft#28267)
  refactor: Keep vanillajs code only where needed (microsoft#28278)
  fix: correcting focus behavior of react-search (microsoft#28241)
  Tooltip : updated tooltip styles (microsoft#28264)
  applying package updates
  feat(react-tags): add styles for size (microsoft#28229)
  docs(react-dialog): update DialogTriggerOutsideDialog to include focus behavior (microsoft#28176)
  bugfix: Ensures dialog actions stretches on breakpoints (microsoft#28258)
  applying package updates
  fix: TableHeaderCell should not render button when not sortable (microsoft#28097)
  fix(react-file-type-icons): Map mhtml extension to html icon (microsoft#28112)
  Fix overlapping axis labels on smaller viewports (microsoft#28239)
  useArrowNavigationGroup grid-linear axis (microsoft#28253)
  applying package updates
  fix: Alert example missing aria-label for icon (microsoft#28234)
  Overflow divider fix (microsoft#28011)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 22, 2023
* master:
  docs(react-drawer): best practices (microsoft#28040)
  docs(react-drawer): add missing documentation for Drawer stories (microsoft#28284)
  docs(react-drawer): improve type descriptions and fix TS circular references (microsoft#28282)
  docs(react-drawer): improve drawer stories examples (microsoft#28283)
  bugfix: adds grid-template-columns to DialogBody styles to ensure grid template layout (microsoft#28272)
  Doc: Tree Infinite Scrolling (microsoft#28197)
  fix(react-card): infer a11y id from immediate header element (microsoft#28266)
  Fixed bugs and added more stories to the Breadcrumb (microsoft#28267)
  refactor: Keep vanillajs code only where needed (microsoft#28278)
  fix: correcting focus behavior of react-search (microsoft#28241)
  Tooltip : updated tooltip styles (microsoft#28264)
@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-dialog@v9.5.11 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-components@v9.22.1 has been released which incorporates this pull request.:tada:

Handy links:

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.

5 participants