bug(MatDialog): Dialog doesn't appear when DevTools is open #32946
Description
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
Whenever you try and open a MatDialog using open() and Edge/Chrome's DevTools is open in your browser, the page darkens as if a dialog window were to appear, but none does. Even if DevTools is detached from the main window, the issue still presents itself. No error or warning is shown.
Notably, this never occurs in Firefox, and sometimes doesn't occur even in the other browser, although it does occur in the vast majority of situations.
It also seems that the "lighter" the Dialog is, the more likely it is for the issue not to occur at all.
Reproduction
Simply open() any dialog with DevTools active. The busier the dialog, the higher the chances it will happen consistently.
(Don't know how to reproduce it in any REPL since it should need its own "DevTools" window in its simulated environment)
Expected Behavior
The dialog window appears correctly.
Actual Behavior
The page darkens and no dialog window appears until the windows is resized, which forces it to appear, or DevTools is closed and the dialog component opened again.
Environment
- Angular: 17.3.0
- CDK/Material: 17.3.6
- Browser(s): Chrome, Edge (presumably all Chromium-based browsers)
- Operating System: Windows 11