New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
bug(material/card): The mat-progress-bar overflows when placed in the mat-card-footer #28785
Labels
area: material/card
area: material/progress-bar
P2
The issue is important to a large percentage of users, with a workaround
Comments
wagnermaciel
added
P2
The issue is important to a large percentage of users, with a workaround
area: material/card
area: material/progress-bar
and removed
needs triage
This issue needs to be triaged by the team
labels
Mar 27, 2024
wagnermaciel
changed the title
bug(Card): Card footer has wrong borders
bug(material/card): The mat-progress-bar overflows when placed in the mat-card-footer
Mar 27, 2024
lsamboretrorabbit
added a commit
to lsamboretrorabbit/components
that referenced
this issue
Apr 5, 2024
The mat-progress-bar overflows when placed in the mat-card-footer. Content should not extend beyond the borders of the card Fixes angular#28785
lsamboretrorabbit
added a commit
to lsamboretrorabbit/components
that referenced
this issue
Apr 5, 2024
The mat-progress-bar overflows when placed in the mat-card-footer. Content should not extend beyond the borders of the card Fixes angular#28785
lsamboretrorabbit
added a commit
to lsamboretrorabbit/components
that referenced
this issue
Apr 6, 2024
The mat-progress-bar overflows when placed in the mat-card-footer. Content should not extend beyond the borders of the card Removed the display: flex property as it is not required for the footer component Fixes angular#28785
PR completed, awaiting review #28833 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
area: material/card
area: material/progress-bar
P2
The issue is important to a large percentage of users, with a workaround
Is this a regression?
The previous version in which this bug was not present was
16
Description
In the documentation example "Card with footer" (loading bar) the loader is out of bounds.
https://material.angular.io/components/card/examples#card-footer
Reproduction
StackBlitz link: https://stackblitz.com/edit/pm8knt-rswhv3?file=src%2Fexample%2Fcard-footer-example.html
Expected Behavior
Content should not extend beyond the borders of the card
Actual Behavior
when using elements such as picture, progress-bar the corners of the borders are different from the inserted content.
Environment
The text was updated successfully, but these errors were encountered: