Page: Bad performance - content flicker

[C3ntraX]

Describe the bug

The content-padding of the page component is really bad.
If you are using multiple pages and switch betweeen them, the content is flickering extremly.

See the gif and the codesandbox.

Im using the Table component but its also with all other components.

Isolated Example

https://codesandbox.io/p/sandbox/page-bad-performance-e1810k?file=%2Fsrc%2FApp.tsx%3A42%2C16

Reproduction steps

...

Expected Behaviour

No response

Screenshots or Videos

The gif wasnt able to capture every flicker. Use the codesandbox instead but the flicker is for every page change.

UI5 Web Components for React Version

1.15.1

UI5 Web Components Version

1.13.0

Browser

Chrome

Operating System

Windows

Additional Context

No response

Relevant log output

No response

Declaration

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

[Lukas742]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[C3ntraX]

Other examples. Every pages is flickering (Not all visible in GIF)

@Lukas742
As soon as Im using a native React Page implementation there is no flickering.

Table headers also flicker. Even without the "Page" component.

[C3ntraX]

Here is a Table header withouth the Page component:

[PetyaMarkovaBogdanova]

Hi team,
can you, please, check where this flickering is coming from?
It can be reproduce with replacing the Page with an ordinary div element (https://codesandbox.io/p/sandbox/page-bad-performance-forked-srsllj?file=%2Fsrc%2FApp.tsx%3A41%2C9)
and by replacing the ui5-table with simple table. (https://codesandbox.io/p/sandbox/page-bad-performance-forked-n2swhb?file=%2Fsrc%2FApp.tsx%3A33%2C41)

Kind regards,
Petya Markova.
(UI5 WC Dispatcher)

[MapTo0]

Hey @C3ntraX

Could you please check if the issue is resolved with version 2.0?

Best Regards!
Martin

[github-actions]

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!

[github-actions]

Hello, everyone! The issue has been inactive for 28 days, so I am closing the issue.