bug(cdk/overlay): use of ngZoneRunCoalescing opens the overlay at wrong position

Reproduction

Use StackBlitz to reproduce your issue:

Steps to reproduce:

  1. setting”ngZoneRunCoalescing” to “true” in the main.ts
platformBrowserDynamic()
  .bootstrapModule(AppModule, { ngZoneRunCoalescing: true })
  .catch(err => console.error(err));
  1. open any CDK overlay or any angular-material component which uses them (mat-select, mat-bottom-sheet..)

Expected Behavior

  • the overlay should open at the right position
    image

Actual Behavior

  • overlay opens at top left
    image

Environment

  • Angular: 11.1.0
  • CDK/Material: 11.1.0
  • Browser(s): chrome
  • Operating System (e.g. Windows, macOS, Ubuntu):

1 possible answer(s) on “bug(cdk/overlay): use of ngZoneRunCoalescing opens the overlay at wrong position