angular / angular/components

bug(list): Lack of padding in list-option if hideSingleSelectionIndicator and togglePosition before

Open
#31,174 0 comments 0 reactions 0 assignees View on GitHub
area: material/list P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Is this a regression?

No

### Description

![Image](https://github.com/user-attachments/assets/689e784c-f9ea-4657-89a6-bca88df7307c)

### Reproduction

StackBlitz link: https://stackblitz.com/edit/8qmgxasf?file=src%2Fexample%2Flist-overview-example.html

### Expected Behavior

Left padding on item should be included if togglePosition="before" and hideSingleSelectionIndicator="true"

### Actual Behavior

Left padding is not included

### Environment

- Angular: 19.2.16
- CDK/Material: 19.2.10
- Browser(s): *
- Operating System (e.g. Windows, macOS, Ubuntu): Windows

Contributor guide

Open the contributing guide

Research direction

Open the linked StackBlitz reproduction and begin with src/example/list-overview-example.html, focusing on the list-option configuration using togglePosition="before" and hideSingleSelectionIndicator="true". Verify the missing left padding against the expected behavior, then confirm the corrected spacing in the same reproduction across the stated Angular and CDK/Material versions.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.