material-components / material-components/material-web
icons in filter-chip slots not properly aligning
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 11.3k
- Forks
- 1.1k
- Avg merge
- 20h 28m
- Merged PRs (30d)
- 13
Description
### What is affected?
Component
### Description
Icons in slot `remove-trailing-icon` and `icon` are not properly aligned to the body.
### Reproduction
https://lit.dev/playground/#gist=a58b259b3ea9c9602e3fa0ec866b0fd8
### Workaround
Manually setting `--md-icon-size: 18px` on the slotted icon.
### Is this a regression?
Yes. This used to work, but now it doesn't.
### Affected versions
2.1.0
### Browser/OS/Node environment
chrome/firefox
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Lit playground reproduction and inspect the filter-chip styles for the slotted remove-trailing-icon and icon elements. Compare their alignment with the body and the documented --md-icon-size workaround; done means both icons align correctly without manual sizing in Chrome and Firefox.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- scss
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100