bug(Expansion panel): strong focus indicator not respacting shape + container-shape token not working #30350
Labels
area: material/expansion
P3
An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Uh oh!
There was an error while loading. Please reload this page.
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:
Expected Behavior
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
The text was updated successfully, but these errors were encountered: