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

2025-09-28T12:25:13.000Z

### 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

(2 评论) (0 反应) (0 负责人)TypeScript (24,044 star) (6,650 fork)batch import

P4area: material/listarea: material/radiogood first issuehelp wanted

描述

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:

Open list demos https://ng-comp-devapp.web.app/list
Scroll down to Single Selection list section
Hover around the radio next to "Strawberries"
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

贡献者指南

技术栈: typescriptcss
领域: frontend
议题类型: bug
难度: 2
预计时间: under 1 hour
活动状态: fresh
清晰度: clear
前置要求: Angular MaterialCSS
新手友好度: 80
研究方向: The issue is about the cursor pointer on disabled radio in mat selection list. The fix likely requires modifying CSS in the Angular Material list component. Locate the component styles for mat list option or mat selection list in the repository's src/material/list directory. Identify the CSS selector that applies cursor: pointer to the radio button and add a rule to set cursor: default when disabled. Check the existing test files for similar patterns to ensure correctness.