[IxSelect] Form validation styles are broken

[tiagogviegas]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

IxSelect component form validation styling is broken. Error message styling is different from input element.

What type of frontend framework are you seeing the problem on?

JavaScript

Which version of iX do you use?

v2.2.1

Code to produce this issue.

<form class="was-validated" style="width: 400px">
    <div style="margin-bottom: 24px">
      <input type="text" class="is-invalid" />
      <div class="invalid-feedback">Error Message</div>
    </div>

    <div>
      <ix-select class="is-invalid" style="width: 100%">
        <ix-select-item class="" label="Option 1" value="1"></ix-select-item>
        <ix-select-item class="" label="Option 2" value="2"></ix-select-item>
      </ix-select>
      <div class="invalid-feedback">Error Message</div>
    </div>
</form>

[github-actions[bot]]

🤖 Hello @tiagogviegas

Your issue will be analyzed and is part of our internal workflow. To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-903