[ObjectPage]: [ObjectPage scrolling with Form in header creates empty space above ObjectPageSection]

[sebastian-kraemer]

Describe the bug

ObjectPage scrolling (dragging or scrolling with the mouse wheel) is not working correctly if a form is used inside the ObjectPage -> headerContent -> DynamicPageHeader. When the scroll bar is slowly dragged down and the DynamicPageHeader gets hidden (+ the DynamicPageTitle gets smaller), the ObjectPageSection suddenly jumps down a bit and an empty space appears between ObjectPage top and ObjectPageSection. It is not possible anymore to scroll up without releasing the mouse button.

If there is no Form inside the DynamicPageHeader, scrolling works as expected. This used to work with 1.26.0 (and web-components 1.23).

Isolated Example

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

Reproduction steps

1. Open example at StackBlitz
2. Scroll down by dragging the right scroll bar slowly downwards
3. Try to scroll up after reaching the bottom without releasing the mouse button

Expected Behaviour

Scrolling should work smoothly

Screenshots or Videos

Initial:

After scrolling:

UI5 Web Components for React Version

1.29.4

UI5 Web Components Version

1.24.0

Browser

Chrome, Edge

Operating System

Windows

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v1.29.5 🎉

The release is available on v1.29.5

Your semantic-release bot 📦🚀

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v1.29.7 🎉

The release is available on v1.29.7

Your semantic-release bot 📦🚀