[Bug]: Dialog applies grid gaps for elements which aren't rendered

[stefan-schweiger]

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: macOS 13.3.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 46.09 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 112.0.5615.137
    Firefox: 110.0
    Safari: 16.4

Are you reporting Accessibility issue?

None

Reproduction

https://codesandbox.io/s/fervent-jepsen-qb0fsj

Bug Description

Actual Behavior

Grid gaps get rendered even if slots where not specified. E.g. if you don't specify a title and actions you will still have additional space around the content.

Expected Behavior

Gaps should only be added when an element actually is rendered.

https://stackoverflow.com/questions/70776707/css-grid-empty-row-still-adds-gap

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[msft-fluent-ui-bot]

🎉This issue was addressed in #27845, which has now been successfully released as @fluentui/react-components@v9.20.1.:tada:

Handy links:

• Release Notes
• Official NPM Release

[msft-fluent-ui-bot]

🎉This issue was addressed in #27845, which has now been successfully released as @fluentui/react-dialog@v9.5.5.:tada:

Handy links:

• Release Notes
• Official NPM Release