IdsDropdown/IdsListBox: Issue with selecting & displaying the value at index 0

[NikosLardas]

Describe the bug
In our Angular project, the ids-dropdown component, combined with ids-list-box, does not select and display properly the value at index 0. Setting it as the value will retain the value 0 as the value of the dropdown, but it will still not display the item as selected when the dropdown is closed. We did extensive debugging on our end, tried setting the value in the TypeScript and HTML files and a number of variations, but this bug persists.

To Reproduce

Code sample:

   <ids-dropdown
        [attr.label]="'PROCESS_MINING.INSIGHTS.WIDGET_CONFIGURATION.DATA_TO_DISPLAY' | transloco"
        formControlName="data"
        ngDefaultControl
    >
        <ids-list-box>
            <ids-list-box-option group-label>Attributes</ids-list-box-option>
            <ids-list-box-option *ngFor="let field of allFieldValues; let i = index" [attr.id]="i" [attr.value]="i"
                >{{ field.name.name | renameToCaseId }} ({{ field.name.businessObjectName }})
            </ids-list-box-option>
        </ids-list-box>
    </ids-dropdown>

Setting [attr.value]=0 will still not select the first option, as well as doing the same in TypeScript or with any of the ids-dropdown methods. The value attribute will be set correctly to 0, but the item won't be selected in the UI.

Demo:

screen-capture.webm

Expected behavior

The value at index 0 is selected when the dropdown is rendered and closed, and it shows as selected with a blue background color when the dropdown is opened.

Version

ids-enterprise-wc: 1.4.0
Angular: 16.2

[tmcconechy]

For us the value is not an index its the value attribute. What if you used value="0" in this case (whatever is in the string attribute.

But will look further into this. Just a first impression

[NikosLardas]

Hi Tim, even if we set value=0 the problem persists in this case.