This repository has been archived by the owner on Jan 13, 2025. It is now read-only.
Closed
Description
Bug report
The width of some icons is not limited to the real icon image.
Steps to reproduce
Go to https://stackblitz.com/edit/materialiconswidth
<i class="material-icons">play_circle_filled_white</i>
<button class="mdc-icon-button material-icons">
play_circle_filled_white
</button>
Actual behavior
If these icons are used in Icon buttons then you can click on that white space on the right side of the button to activate the click event.
Seems to happen with following icons:
- play_circle_filled_white
- cast_for_education
- star_rate
Expected behavior
The clickable area of all icon buttons should be limited to the visible area of the icon button.
Screenshots
Your Environment:
Software | Version(s) |
---|---|
MDC Web | @material/icon-button@3.2.0 |
Browser | Chrome: 77.0.3865.120 |
Operating System | Windows 10 |