Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

[IconButton] Incorrect width for some icons #5204

Closed
@thdk

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

image

Your Environment:

Software Version(s)
MDC Web @material/icon-button@3.2.0
Browser Chrome: 77.0.3865.120
Operating System Windows 10

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions