-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Description
Description
Expansion panels have a default container shape. When setting strong focus indicators, the corner of the strong focus-indicator are not rounded

In this example, it's just a little bit, but since we have a container-shape token, this can get worse when setting the shape to full
https://m3.material.io/styles/shape/shape-scale-tokens
Issue 2
When setting the container-shape token to one of the values described by m3 https://m3.material.io/styles/shape/shape-scale-tokens nothing happens. It looks more like container-shape is a true or false token instead of one of the options decribed by m3
Reproduction
StackBlitz link: https://stackblitz.com/edit/lhvfsmcd?file=src%2Fstyles.scss
Steps to reproduce:
- Click on the first or last panel
Expected Behavior
- Strong focus indicator should also be rounded
- Token container-shape should have one of the 7 options described by m3
Actual Behavior
Strong focus indicator do not have a rounded corner
Setting container-shape to one of the 7 values removes the rounded corners
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/build-angular 19.0.5
@angular-devkit/core 19.0.5
@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