Skip to content

Angular 9: Importing Material Web Components from Library causes issues #18649

@AdrianMF

Description

@AdrianMF

Reproduction

I have a stackblitz that has code, but I can't seem to get stackblits to support an Angular multi-project.
https://stackblitz.com/edit/angular-fbbf6q

Steps to reproduce:

  1. Download the code from stackblitz link above
  2. npm run build && npm run start - this will build the library then start the app which imports the library
  3. Open browser to http://localhost:4200/ to see issues.

Expected Behavior

I would expect to see the Material components functioning properly.

Actual Behavior

I get limited functionality, some components display but with no animations or interaction, some components don't display at all
Screen Shot 2020-02-28 at 11 22 30 AM

Environment

  • Angular: 9.0.2
  • CDK/Material: 9.1.0
  • Browser(s): FF
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS

Notes

I was doing this same thing in Angular 8 with no problems, that is, exporting Material as web components from a library into an app. However with the Angular 9 upgrade it doesn't seem to be functioning completely.

Metadata

Metadata

Assignees

No one assigned

    Labels

    cannot reproduceThe team is unable to reproduce this issue with the information provided

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions