bug(Dialog): Footer not reachable in small screen size

[mazhar-fis]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

NA

Description

If we stack up the footer buttons (say 3 footer buttons), and reduce the screen size to small (say 500x300), the dialog content height does not adjust and cuts off the footer off-screen.

Reproduction

StackBlitz link:
Steps to reproduce:

1. Create a div in footer and stack up 3 footer buttons
2. Reduce the screen size to 500x300
3. https://stackblitz.com/edit/xfufqg?file=src%2Fexample%2Fdialog-content-example-dialog.html

Expected Behavior

Dialog content height should adjust and display full footer buttons

Actual Behavior

Footer gets cut off-screen

Environment

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