angular / angular/components

Click targets are too small for some controls

Open
#8,000 6 comments 0 reactions 1 assignee Claimed by @zarend View on GitHub
Accessibility area: many P3 target: major
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

Material Design spec says that all touch targets much be at least 48x48.

mat-checkbox, mat-radio-button, and mat-slide-toggle are only 20x20 (with no label). The slider thumb is also too small.

Adding a padding to the `` element within the template would resolve this (while keeping the visuals unchanged), but would be a major breaking change for people's layouts. We need to explore a non-breaking migration path for this.

This issue is not open for PRs until we have a clear migration strategy. Other components may be too small as well and will need to be audited.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.