Flickering when opening dialogs or context menus (since Angular 19)

[danielwiehl]

Describe the bug

Dialogs and context menus flicker when opened. This behavior was introduced with the migration to Angular 19 and can only be observed when the application is started locally, not when deployed.

To Reproduce

Steps to reproduce the behavior:

Dialog

1. Start the application locally.
2. Open a dialog.
3. See that the dialog is positioned wrong when opened.

View Context Menu

1. Start the application locally.
2. Open the view context menu
3. See that the context menu is positioned wrong when opened.

View Drop Down

1. Start the application locally.
2. Open the view list context menu
3. See that the context menu is positioned wrong when opened.

Expected behavior

No flickering, the same behavior as in Angular 18.

Environment

• SCION Workbench version: 19.0.0-beta.1

[danielwiehl]

We have also experienced flickering when reloading the application.

[k-genov]

Root cause:

Angular 19: Issue with Style Flickering When Switching Views (ng serve)