Skip to content

bug(mat-selection-list): disabled selection list still shows cursor pointer on hover around radio #31937

@anisabboud

Description

@anisabboud

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

20250928-1223-25.0418868.mp4

Reproduction

Steps to reproduce:

  1. Open list demos https://ng-comp-devapp.web.app/list
  2. Scroll down to Single Selection list section
  3. Hover around the radio next to "Strawberries"
  4. It's disabled but still shows cursor: pointer;
    (This doesn't happen in the checkbox example, i.e., selection-list with "multiple" selection. The issue is only with single selection radio.)

Expected Behavior

Disabled list-items should not show hover effect (cursor: pointer), to avoid user confusion.

Actual Behavior

Disabled list-items in mat-selection-list with single selection show hover effect (cursor: pointer).

Environment

  • Angular: 20.3.2
  • CDK/Material: 20.2.5 (latest)
  • Browser(s): Chrome 140

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: material/listarea: material/radiogood first issueThis issue is a good place to start for first time contributors to the projecthelp wantedThe team would appreciate a PR from the community to address this issue

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions