Skip to content

(Bug) The examples is not displayed correctly as on the material.angular.io  #17887

@long20014

Description

@long20014

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-testign?file=src%2Fapp%2Fapp.component.html

Steps to reproduce:

  1. Install angular/material using npm
  2. Import neccessary modules as the instructions
  3. Copy the example on material.angular.io to test

Expected Behavior

What behavior were you expecting to see?

  • Display exactly what is being shown on material.angular.io example.

Actual Behavior

What behavior did you actually see?

  • The result on stackblitz link.

Environment

"@angular/animations": "^8.0.0 || ^9.0.0-0",
"@angular/cdk": "8.2.3",
"@angular/common": "^8.0.0",
"@angular/compiler": "^8.0.0",
"@angular/core": "^8.0.0",
"@angular/material": "^8.2.3",
"@angular/platform-browser": "^8.0.0",
"@angular/platform-browser-dynamic": "^8.0.0",

  • Operating System (e.g. Windows, macOS, Ubuntu): Window 10

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