angular / angular/components

MatDialog mat-dialog-actions is not at the bottom of the dialog

Open
#4,609 55 comments 51 reactions 0 assignees View on GitHub
area: material/dialog P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug:
Angular Material is not placing md-dialog-actions at the bottom

#### What is the expected behavior?
Should be at the bottom

#### What is the current behavior?
Currently, it is placed just after md-dialog-content

#### What are the steps to reproduce?
Add md-dialog-actions
Providing a Plunker (or similar) is the *best* way to get the team to see your issue.
Plunker template: https://plnkr.co/edit/S2D0g6NOPpVRYoc6KA7L?p=preview

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
angular 4, material ^2.0.0-beta.5, os ubuntu 16.04, typescript ~2.0.3, browser : chrome

Contributor guide

Open the contributing guide

Research direction

Start with the linked Plunker reproduction and inspect the Angular Material dialog structure around md-dialog-content and md-dialog-actions. Confirm the current placement, then verify that adding md-dialog-actions puts it at the bottom of the dialog in the affected Angular Material versions.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.