Skip to content

Angular Material fails to render properly in some browsers #21158

@ryndm

Description

@ryndm

Reproduction

StackBlitz demo - https://angular-ivy-bjdkdj.stackblitz.io
StackBlitz Editable - https://stackblitz.com/edit/angular-ivy-bjdkdj?file=src/app/app.component.ts

Steps to reproduce:

  1. I have used mat-card in my component. Checkout the Stackblitz demo.
  2. Doesn't work on edge and some versions of chrome.

Expected Behavior

It should render the mat-card layout and color properly

Actual Behavior

Some portion of screen is grey

Environment

correct
buggy

"@agm/core": "^1.0.0-beta.5",
"@angular-devkit/core": "7.0.2",
"@angular/animations": "^7.0.0",
"@angular/cdk": "^7.0.0",
"@angular/common": "7.0.0",
"@angular/compiler": "7.0.0",
"@angular/core": "7.0.0",
"@angular/flex-layout": "7.0.0-beta.19",
"@angular/material": "^7.0.0",
"@angular/material-moment-adapter": "^7.0.0",
"@angular/platform-browser": "7.0.0",
"@angular/platform-browser-dynamic": "7.0.0",

  • Browser(s): Chrome, Edge
  • Operating System: Windows

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions