ResizeObserver loop completed with undelivered notifications

[saradasilva]

Describe the bug

Hello team.

This error is appearing to me when I try to change layout for FlexibleColumnLayout, not sure if it's the component what it's throwing this error, it's not happening every time but it throwing frequently, this was not happening before I updated the webcomponent version:

ResizeObserver loop completed with undelivered notifications. at handleError (http://localhost:3000/static/js/bundle.js:70906:58) at http://localhost:3000/static/js/bundle.js:70925:7

Isolated Example

No response

Reproduction steps

This is the initial screen:

I click to see the detail, but when I click cancel to turn back then error is throwing

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

1.21.1

UI5 Web Components Version

1.17.2

Browser

Chrome, Edge

Operating System

macOS Sonoma 14.1

Additional Context

No response

Relevant log output

No response

Declaration

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

[Lukas742]

Hi @saradasilva

the versions of @ui5/webcomponents-react and @ui5/webcomponents are incompatible (see here), you should also see a warning about this when installing modules.

Apart from that, I wasn't able to reproduce this, so please add a reproducible example by leveraging this codeSandbox template.

[saradasilva]

Thanks a lot @Lukas742 I was not aware about versioning, I changed it and it doesn't solved the issue.

I tried to do some example in sandbox https://codesandbox.io/s/nice-mestorf-j84vzt?file=/src/App.js but unfortunately I was not able to replicate the issue since my application is pretty much complex (we are using redux, loading data, several sections in object page)

What I found is that, somehow, the issue is related with groupBy={["productName"]} attribute on Analytical table, if I comment that then the error is not being triggered.

[Lukas742]

Hi @saradasilva

I tried a few things, but unfortunately I still couldn't reproduce the error. Since it's not feasible for us to fix an error without a reproducible example or an explanation of how to reproduce it, I don't know how to assist here.

The error is thrown when an observed element is resized again during a notification. For example, one case where this can happen frequently is when a scroll bar is displayed. So maybe you could investigate a bit more when this error is thrown.

[github-actions[bot]]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Inactive issues will be closed after 7 days. Thanks.

[github-actions[bot]]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please first check to see if the maintainers have requested additional input and provide it if necessary, or post a detailed description of why this issue is still a problem.