[ObjectPage]: [ObjectPage scrolling with Form in header creates empty space above ObjectPageSection]
Closed this issue · 2 comments
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
- Open example at StackBlitz
- Scroll down by dragging the right scroll bar slowly downwards
- 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.
🎉 This issue has been resolved in version v1.29.5 🎉
The release is available on v1.29.5
Your semantic-release bot 📦🚀
🎉 This issue has been resolved in version v1.29.7 🎉
The release is available on v1.29.7
Your semantic-release bot 📦🚀