Skip to content

bug(Button): Icon is clipped on disable button #30091

@dil-btarkovacs

Description

@dil-btarkovacs

Is this a regression? - dunno

  • 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 example heart icon on the Angular Material - Component - Buttons page is clipped on the disabled icon.
https://next.material.angular.io/components/button/overview
Image

Reproduction

StackBlitz link: https://stackblitz.com/run?file=src%2Fexample%2Fbutton-overview-example.css
Steps to reproduce: look at the disabled button

Expected Behavior

Heart icon should not be clipped

Actual Behavior

Heart icon is clipped

Environment

  • Angular: 19
  • CDK/Material: 19
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): macOS

Metadata

Metadata

Assignees

Labels

P4A relatively minor issue that is not relevant to core functionsdocsThis issue is related to documentation

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions