bug(mat-dialog): Tab content jumps a little right after dialog opening.

[liesahead]

Reproduction

Here are the two adjacent frames extracted from the gif above, there you can see that alignment of elements is slightly different (if you don't see - I recommend to use page ruler to make sure I don't lie).

Use StackBlitz to reproduce your issue:

• https://stackblitz.com/edit/angular-hwqwcc?file=src/app/dialog-overview-example-dialog.scss

Steps to reproduce:

1. Open the given link and open/close dialog at least a few times.
2. If cannot reproduce the bug - enable max cpu throttling in devtools.

Option 2:

1. Open the angular material documentation: https://material.angular.io/components/dialog/overview
2. Open/close first dialog at least a few times.
3. If cannot reproduce the bug - enable max cpu throttling in devtools.

Expected Behavior

Dialog content shouldn't move after dialog opens with that beautiful 'grow' style animation.

Actual Behavior

The dialog content is jumping a little (depends on what content it has). I'm afraid that the issue #13870 also might be related to this bug. So it's the dialog's fault that expansion panel is expanded and content is jumping.

Environment

• Browser(s): Chrome (Version 89.0.4389.90 (Official Build) (64-bit))
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10 latest version

[crisbeto]

I don't see any jumping on my end. Are you referring to the blurriness between the first and second screenshot?

[liesahead]

@crisbeto, Hi, thanks for checking! Not really, blurriness is an animation which is perfectly fine. In gif above you should focus on watching the text inputs (how they jump a little up after dialog init). Looks like it's just around 1 or 2px, but when almost all elements move it's noticeable (at least for me). Here are two adjacent frames and I used ruler to try to show that inputs are slightly in different positions.

[crisbeto]

Thanks for the screenshot, but I still can't notice it on my machine. It looks like some kind of artifact from the animation so I'm not sure whether we can do much about it.

[liesahead]

It was noticeable on my old laptop which is super slow (dual core CPU). Now I'm using high-end laptop and can't notice any jumping without enabling hard CPU throttling. So, I'm not sure, if nobody except me experienced such issue, probably this ticket should be closed. What do you think?

[jelbourn]

Closing since it seems to not be an issue any more

[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.}