Describe the bug
The backdrop for modal dialogs is not matching Fluent UI and is using browser defaults. In Microsoft Edge this means that the background is distorted rather than darkened.
To Reproduce
Steps to reproduce the behavior:
- Go to Style Guide
- Compare with Fluent React
Expected behavior
The backdrop should match Fluent React
Desktop (please complete the following information):
- OS: Windows 11
- Browser: Edge
- Version: 147
Additional context
The following style can be used as a workaround in your own CSS.
.hoo-dlg::backdrop {
background: var(--blackTranslucent40);
backdrop-filter: none;
}
Describe the bug
The backdrop for modal dialogs is not matching Fluent UI and is using browser defaults. In Microsoft Edge this means that the background is distorted rather than darkened.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The backdrop should match Fluent React
Desktop (please complete the following information):
Additional context
The following style can be used as a workaround in your own CSS.