Skip to content

bug(mat-dialog): Height issue in mat-dialog-actions with box-sizing: border-box #20887

Closed
@PhilippeOberti

Description

@PhilippeOberti

Reproduction

Use StackBlitz to reproduce your issue: https://components-issue-yqtyor.stackblitz.io

Steps to reproduce:

  1. Apply the following to your project:
* {
  box-sizing: border-box
}

Expected Behavior

The mat-dialog component shouldn't look different wether you use box-sizing: border-box or not.
Screen Shot 2020-10-26 at 1 19 48 PM

Actual Behavior

The height of the mat-dialog-actions section looks different.
Screen Shot 2020-10-26 at 1 19 56 PM

Environment

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

Metadata

Metadata

Assignees

Labels

P4A relatively minor issue that is not relevant to core functionsarea: material/dialog

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions