bug(COMPONENT): MatBadge goes under the chip
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
The bagde, as shown in the picture, goes under the chip.
### Reproduction
StackBlitz link:
Steps to reproduce:
1.
2.
### Expected Behavior
Check the picture, is very clear.
### Actual Behavior
Check the picture, is very clear.
### Environment
- Angular: 18.1
- CDK/Material: 18.1
- Browser(s): Edge
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
Contributor guide
Research direction
No source file, test, StackBlitz reproduction, or usable reproduction steps are named. Start by reproducing the Angular 18.1 Material badge-and-chip overlap in Edge from the attached image, then trace the badge and chip component styles. Done means the badge remains visibly above the chip and the behavior is covered by an appropriate regression test.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100