scania-digital-design-system/sdds

[Bug report]: sdds-text-field error state conflict with sdds-helper slot text.

Closed this issue · 1 comments

toliv3 commented

Requirements before reporting

  • No duplicated issue reported.
  • I have read the contribution guidelines.
  • I have checked the lastest version if the bug exist there. See all avaliable packages at npmJS.com
  • I have made sure that the issue comes from SDDS packages by removing SDDS from my project as a test.
  • I have followed the installation guide.

Package

@scania/tegel-old

Package versions

@scania/components@4.10.0

Browser

Chrome

Framework

Angular

Version

No response

Reproduction steps

  1. Create an sdds-textfield
  2. Set it state to error
  3. Add a span which will slot to sdds-helper

The error state exclamation icon will push both the helper text and the char count below where they should be.

Code example

....

Screenshots

Expected behaviour

Component should render the helper text and not break the position of other information.

Console errors

Add warning/error message

Contact information

thiago.oliveira@scania.com

AB#2443