You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
19
Description
When using mat-form-field in filled appearance, I want to shape the border-radius. I use this token
--mdc-filled-text-field-container-shape: 4px !important;
But it only applies to the top corners and not the bottom corners because this token uses the wrong container to set radius. It sets the radius on a level where the div for hints and errors is also included.
And by that the bottom corners are not set with that token
Reproduction
StackBlitz link:
Steps to reproduce:
1.
2.
Expected Behavior
Apply radius also to bottom corners
Actual Behavior
not applying radius to bottom corners
Environment
Angular: 19
CDK/Material: 19
Browser(s): firefox
Operating System (e.g. Windows, macOS, Ubuntu): windows
The text was updated successfully, but these errors were encountered:
andrewseguin
changed the title
bug(COMPONENT): TITLE
bug(form-field): difficult to customize shape with tokens
May 14, 2025
andrewseguin
added
P3
An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
and removed
needs triage
This issue needs to be triaged by the team
labels
May 14, 2025
Is this a regression?
The previous version in which this bug was not present was
19
Description
When using mat-form-field in filled appearance, I want to shape the border-radius. I use this token
--mdc-filled-text-field-container-shape: 4px !important;
But it only applies to the top corners and not the bottom corners because this token uses the wrong container to set radius. It sets the radius on a level where the div for hints and errors is also included.
And by that the bottom corners are not set with that token
Reproduction
StackBlitz link:
Steps to reproduce:
1.
2.
Expected Behavior
Apply radius also to bottom corners
Actual Behavior
not applying radius to bottom corners
Environment
The text was updated successfully, but these errors were encountered: