Skip to content

bug(Expansion panel): strong focus indicator not respacting shape + container-shape token not working #30350

@richardsengers

Description

@richardsengers

Description

Expansion panels have a default container shape. When setting strong focus indicators, the corner of the strong focus-indicator are not rounded

Image

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:

  1. Click on the first or last panel

Expected Behavior

  1. Strong focus indicator should also be rounded
  2. 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

Metadata

Metadata

Assignees

Labels

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

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions