components icon indicating copy to clipboard operation
components copied to clipboard

bug(MatError): Cannot put spacing around Mat Error - want to put bottom margin - can only see left and right 16px padding

Open dreamstar-enterprises opened this issue 2 months ago • 1 comments

Is this a regression?

  • [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

I can't edit spacing around mat-error.

I've tried

.mat-mdc-form-field-error-wrapper {
  margin: 0 16px 10px 16px !important;
}

But it doesn't work. If I have 3 errors shown at the same time, they overflow the main mat-form-field wrapper, and don't push the elements below them down

Reproduction

StackBlitz link: Steps to reproduce: 1. 2.

Expected Behavior

See above

Actual Behavior

See above

Environment

  • Angular:
  • CDK/Material:
  • Browser(s):
  • Operating System (e.g. Windows, macOS, Ubuntu):

dreamstar-enterprises avatar Apr 22 '24 19:04 dreamstar-enterprises

Can you provide a stackblitz with your example?

amysorto avatar May 06 '24 15:05 amysorto