Skip to content

bug(Checkbox): strong-focus-indicators do not have a radius of 50% as default #30326

Closed
@richardsengers

Description

@richardsengers

I think checkboxes should have a 50% border-radius as a default.

it now looks like this:

Image

Reproduction

StackBlitz link: https://stackblitz.com/edit/3teh9fg3?file=src%2Fstyles.scss

Expected Behavior

Expected:

Image

Actual Behavior

Image

Environment

Angular CLI: 19.0.5
Node: 22.3.0
Package Manager: yarn 1.22.17
OS: win32 x64

Angular: 19.0.4
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router, service-worker

Package Version

@angular-devkit/architect 0.1900.5 (cli-only)
@angular-devkit/schematics 19.0.5
@angular/cdk 19.0.3
@angular/cli 19.0.5
@angular/material 19.0.3
@angular/material-date-fns-adapter 19.0.3
@schematics/angular 19.0.5
rxjs 7.8.1
typescript 5.6.3
zone.js 0.15.0

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/checkbox

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions