[UploadCollection]: [Uploadcollection has missing items after update - in fact items with height 0]

[martin-ada-adam]

Describe the bug

We are using UploadCollection and UploadCollectionItem do display uploaded document and processing state that is updated.
First render is always ok but after few updates some items can be missing at top of list - UploadCollectionItem is there but with height 0.

Isolated Example

https://stackblitz.com/edit/github-ruuxpbux?file=src%2FApp.tsx

Reproduction steps

Run example in stackblitz.com and wait for some updates (every 5s)

Expected Behaviour

All items should be always in list

Screenshots or Videos

UI5 Web Components for React Version

2.8.1

UI5 Web Components Version

2.8.0

Browser

Chrome

Operating System

Win11

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @martin-ada-adam

In your example a React state was mutated which is not supported, but even with a fix the issue is still occuring. I've noticed that when updating all items every time the component rerenders, the issue is fixed, but since React keys should be stable, this is an anti-pattern and should probably only treated as workaround until a fix is available.

You can find the updated example here: https://stackblitz.com/edit/github-ruuxpbux-izrswvtr?file=src%2FApp.tsx

Since the affected components are developed in the ui5-webcomponents repo, I'm forwarding this issue there.

---

Hi Colleagues,
could you please take over?

Here you can find the provided example including the fix, but without our wrapper: https://stackblitz.com/edit/github-ruuxpbux-uqu36fwa?file=src%2FApp.tsx

[hinzzx]

Hi colleagues @SAP/ui5-webcomponents-topic-rd ,

The issue is easily visible in the provided sample.
After few re-arrangements of the UploadCollection, an item is being 'hidden' visually (height is being 1px due to height: auto);

Best Regards,
Stoyan