This repository has been archived by the owner on Jan 13, 2025. It is now read-only.
List item graphic gets squished when text overflows #1941
Assignees
Comments
acdvorak
added a commit
that referenced
this issue
Jan 11, 2018
This was referenced Jan 11, 2018
acdvorak
added a commit
that referenced
this issue
Jan 23, 2018
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
What MDC-Web Version are you using?
0.28.0
What browser(s) is this bug affecting?
All (tested in Chrome)
What OS are you using?
macOS High Sierra 10.13.2
What are the steps to reproduce the bug?
mdc-list--avatar-listwith text that is too wide for the containerWhat is the expected behavior?
The avatar element (
mdc-list-item__graphic) should be the same width for all list items, regardless of whether they have overflowing text or not.What is the actual behavior?
List items with overflowing text squish the avatar, making it narrower than it should be:
Any other information you believe would be useful?
I believe we just need to add
flex-shrink: 0tomdc-list-item__graphic.If you uncomment that line of CSS in my CodePen, the problem seems to be fixed:
The text was updated successfully, but these errors were encountered: