bug(DIALOG): Dialog's content jump around after opening

[Akxe]

Reproduction

Use StackBlitz to reproduce your issue:

• Components: https://stackblitz.com/edit/components-issue-1fvgvm

Steps to reproduce:

1. Click on "Basic Button"
2. See odd behaviour

Expected Behavior

Dialog appeared and no content re-drawing appears

Actual Behavior

You see the panels are open and immediately change to closed. This sudden change makes it very unappealing to the eye.

Environment

• Angular: 11.0.7 (10.1.0 on my PC)
• CDK/Material: 11.0.3 (10.2.5 on my PC)
• Browser(s): Chrome, but probably all
• Operating System (e.g. Windows, macOS, Ubuntu): independant

[crisbeto]

I believe this is the same issue as #13870.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}