ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[Feature Request - DynamicPage]: support sticky content headers

Open Lukas742 opened this issue 8 months ago • 3 comments

Feature Request Description

In UI5WCR we're currently replacing our implementation of the DynamicPage with the newly added ui5-dynamic-page web component. In the process of comparing the features of both components, we noticed that the only feature still missing to be feature-complete, is supporting sticky headers inside the content. We also already have found a way to document a helper that enables this feature, but since we have to, i.a., access the shadow root, wait for the custom-element to be defined and for the content to be available, it's hard to maintain and could break with each update.

That's why we would like the DynamicPage component to support this feature out of the box.

Since we're a React library, our helper is a React hook that'll only work with React, but I tried to refactor it to use plain JS. Here you can find an example, maybe it helps :)

Proposed Solution

Support content elements to be sticky, meaning they should stick to the visible header of the DynamicPage.

Proposed Alternatives

No response

Organization

UI5WCR

Additional Context

No response

Priority

None

Privacy Policy

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

Lukas742 avatar Jun 19 '24 11:06 Lukas742