Skip to content

[Dialog] mat-dialog-actions not sticking to bottom when setting the height of dialog #14335

@0xDones

Description

@0xDones

Bug, feature request, or proposal:

The actions row is not sticking to bottom.

What is the expected behavior?

When setting the property align="end" it should stick to the bottom.
image

What is the current behavior?

image

What are the steps to reproduce?

I'm setting the width and height of the modal passing the configuration object

const dialogRef = this.dialog.open(MyDialog, {
      width: '80%',
      minHeight: '500px',
      data: { id: this.id }
    });

Which versions of Angular, Material, OS, TypeScript, browsers are affected?


{
  "@angular/material": "^7.0.3"
}
Angular CLI: 7.0.5
Node: 8.13.0
OS: linux x64
Angular: 7.0.3
... animations, cdk, common, compiler, compiler-cli, core, forms
... http, language-service, material, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.10.5
@angular-devkit/build-angular     0.10.5
@angular-devkit/build-optimizer   0.10.5
@angular-devkit/build-webpack     0.10.5
@angular-devkit/core              7.0.5
@angular-devkit/schematics        7.0.5
@angular/cli                      7.0.5
@ngtools/webpack                  7.0.5
@schematics/angular               7.0.5
@schematics/update                0.10.5
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.19.1
    

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions