ui5-list busy binding issue

[hschaefer123]

Bug Description

Binding the busy property inside a vue3 component using

<ui5-list :busy="busy" ref="list"..

does not work as expected, if changing this.busy programatically, but using

this.$refs.list.busy = false;

it is working.

Is this an issue, or does UI5WC not support this? I just need 1-way binding from data to control in vue3.

I am a little bit irritated, because it is working on other controls correctly like

<ui5-busy-indicator v-if="busyFile"...

Context

• UI5 Web Components version: 1.6.0
• OS/Platform: Windows 11
• Browser: latest Chrome

Priority

• [ ] Low
• [x] Medium
• [ ] High
• [ ] Very High

Regards Holger

[MapTo0]

Dear @hschaefer123

Could you please provide a Codesandbox example?

Regards, Martin

[hschaefer123]

Hi, just created a plain vue3 project with the used component inside vuepress.

The usage of :busy seems to get refreshed as expected?!?

There seems to be some interdependency issues, using vuepress with vue3 and ui5wc. Adding the data param as plain text {{busy}} i see the correct value, but list still wrongly shows busy indicator. In an isolated vue3 component scenario, it behaves different and correct.

Sadly i am not so deeply involved with vue3 dev, so i need more time to figure this out.

If you have an idea, what can be the reason, that update is not correctly delegated to control, please let me know.

Best regards Holger

[github-actions[bot]]

Hello, everyone! The issue has been inactive for 21 days. If there are still questions or comments, please feel free to continue the discussion. Inactive issues will be closed after 7 days!

[nnaydenow]

Hi @hschaefer123,

Can you check if the following CodeSandbox works as expected? If I uncheck the checkbox the busy state disappears and everything seems to work correctly. I'm closing the issue. Please tag me if the problem still appears.