ui5-list with checkboxes sends incorrect "selected" state

[jmouka]

To reproduce

• create ui5-list with mode="MultiSelect"
• listen to the itemClick event

itemClick(event) {
    console.log(event.detail.item.selected);
}

Clicking on the checkbox gives correct result, but clicking the row gives the opposite results. Looks like the issue is with timing when the row is clicked, because this gives correct result:

itemClick(event) {
    setTimeout(function() {
        console.log(event.detail.item.selected);
    }, 10);
}

Using @ui5/webcomponents 1.10.4, Vue 2.7.14, Node v12.22.12, Npm 6.14.16

[niyap]

Hello @SAP/ui5-webcomponents-topic-p,

If we have ui5-list component with mode="MultiSelect", when the checkbox of an item is pressed, "selection-change" event is fired first, coming from onMultiSelectionComponentPress which is attached on click of the ui5-checkbox and after that ui5-item-click event is fired. On the other hand, if we click over the item, the sequence is different. First the item-click event is fired which then invokes selection-change(check onItemPress method). As a result, when the item is clicked, the selection is not already changed and that is the reason for the result in the provided sample.

Could you please check whether that is the expected behaviour of the component?

Kind Regards, Niya