siemens / ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
https://ix.siemens.io/
MIT License
194 stars 64 forks source link

select dropdown on disabled and readonly is breaking style changes #1405

Open vamshisai98 opened 1 month ago

vamshisai98 commented 1 month ago

Prerequisites

What happened?

select

When using ix-select dropdown with disabled or read-only state, Styles are breaking

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

Angular V17.x

Which version of iX do you use?

v2.4.1

Code to produce this issue.

<ix-select [value]="value" [disabled]="true">
      <ix-select-item *ngFor="let item of categoryItems" [label]="item.label" [value]="item.value"></ix-select-item>
    </ix-select>

Expected behaviour

ix-select should display the way when disabled or readonly attributes are selected

matthiashader commented 1 month ago

Hello @vamshisai98! Actually no style are breaking, this is the indented styling. According to UX brand have defined this behavior, recommendations are also: enter placeholder / text value