Skip to content

[Form field] Icon scales down when more then one line of validation text. #2332

@klaasjs

Description

@klaasjs

Provide a general summary of the issue here

The warning icon in the sl-error component scales down when the error is over 2 lines of text.

🤔 Expected Behavior?

The icon remains the same size.

😯 Current Behavior

The icon is correct when the error is one line but when the error wraps it scales down.

Image

💁 Possible Solution

Give the icon a fixed height.

🖥️ Steps to Reproduce

Add an sl-error component and add an abbreviated 'war and peace' of Leo Tolstoy so the error spans over more then one line. Observe that the icon become smaller.

What browsers are you seeing the problem on? (only for bugs in code)

Chrome

If other, please specify.

No response

What operating system are you using?

MacOS Sequoia 15.6

👤 Your name

Klaas-Jan Stellema

🧢 Your product/team

Sanoma Learning/Team Us Mem

🎨 Your Theme(s)

Magister

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

✈️ Released

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions