Skip to content

[mat-card mat-divider] [bug] make mat-divider css more specific or isolate #11895

@wilker7ribeiro

Description

@wilker7ribeiro

Bug, feature request, or proposal:

Bug

What is the expected behavior?

mat-divider CSS from mat-card should not have influence in mat-dividers inside mat-card-content

What is the current behavior?

All mat-dividers inherit's this CSS above, breaking their behavior (0px height)

.mat-card .mat-divider {
    position: absolute;
    left: 0;
    width: 100%;
}

What are the steps to reproduce?

https://stackblitz.com/edit/angular-material2-issue-tml6fe

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

@angular/[email protected]
@angular/[email protected]

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions