Sequentially opening material angularr dialogs, how?

Question

Angular

Has anyone encountered the fact that when you sequentially call the material dialog boxes, the scroll is captured from the page?
And how to win it?
stackblitz.com

Answer 1

Replace in beforeDialog (this is in /app/dialogs/dialogs.service.ts)
return dialogRef.beforeClose();
with Otherwise
return dialogRef.afterClosed();
, the next dialog opens before the previous one is closed, respectively (as I see it, I’ll make a reservation - I’m not familiar with angular material), first, the new dialog, when opened, blocks the already blocked scroll, then the old dialog, when closed, unblocks the scroll.