angular/components

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

クローズ

#31,937 opened on 2025/09/28

 (4 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (6,650 件のフォーク)batch import
P4area: material/listarea: material/radiogood first issuehelp wanted

Repository metrics

Stars
 (24,044 個のスター)
PR merge metrics
 (平均マージ 3d 12h) (30d で 98 merged PRs)

説明

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

https://github.com/user-attachments/assets/b401ffea-0062-402d-9c17-7dbb4991d399

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

コントリビューターガイド