MatButton not styled if in Dialog exported by Angular Library

[fabriziodebortoli]

I've created an Angular libray by ng g library xxx with my commons components like a ConfirmDialog using MatDialogModule

In main app <button mat-flat-button color="primary">DIALOG</button> is correctly styled:

Opening Dialog, buttons are not styled:

Reproduction

I cannot use StackBlitz to reproduce because it not supports angular libraries so I created a repo:
https://github.com/fabriziodebortoli/library-material-dialog-styles.git

Steps to reproduce:

1. git clone https://github.com/fabriziodebortoli/library-material-dialog-styles.git
2. cd library-material-dialog-styles
3. npm install
4. npm start

Expected Behavior

Buttons inside Dialogs must be styled

Actual Behavior

What behavior did you actually see?

Environment

• Angular: ~9.0.3
• CDK/Material: ~9.1.0
• Browser(s): Latest Chrome

[asimon91]

I confirm this bug is happening to me too.

[Kurainode]

I can also confirm.

[devversion]

Looks like your library module does not import MatButtonModule. The compiler is not able to automatically infer what the mat-button attribute in the dialog component resolves to.

[fabriziodebortoli]

Not solved.
I imported MatButtonModule in LibraryModule but buttons are still without styles

[devversion]

@fabriziodebortoli In your app module you don't seem to import the library module though. I tried these changes locally (now a second time) and was able to fix it that way. No reason to downvote.

[fabriziodebortoli]

I imported LibraryModule in AppModule using import { LibraryModule } from '@azz/library';
but I still have the problem...

Trying
import { LibraryModule } from 'projects/azz/library/src/public-api';
it's ok but I think is not the correct way to do it

[devversion]

@fabriziodebortoli Okay so there are a couple of things:

1. Add MatButtonModule to the library module
2. Actually add the library module to the AppModule.
3. Import the Confirm dialog component from the library @azz/library import and not directly through the source files. That causes the library module to be ignored.

I hope that helps.

[fabriziodebortoli]

These things have already been done.

Importing from @azz/library does not work.
Only importing directly.

[devversion]

Okay. I definitely confirmed multiple times now that this is working as expected with the proposed changes. There is not more we can do. Sorry.

[fabriziodebortoli]

Your proposed changes are already been done and it does not work as you can see from my repo.
So I think I don't understand what you mean.
Thanks anyway.

[devversion]

@fabriziodebortoli I don't know what you tried or not, but what I can see is that your repository does not have the direct import replaced in the app component. Surely you might have tried that before, but I can only assume you did not. Fixing that import, along with bullet points (1), (2) and (3), makes it work for me.

https://github.com/fabriziodebortoli/library-material-dialog-styles/blob/master/src/app/app.component.ts#L3