[ObjectPage]: Content area/view does not scroll to section content on anchor link click when content does not fill page #5344
Description
Describe the bug
According to the Fiori guidelines for the Object Page, on clicking the section anchor link, the content area/view should scroll to the content of that section. However as seen in the codesandbox example, this does not happen if the content already fits the page/view height or there is no overflow.
We have observed this in our internal application as well.
If we add more sections to the codesandbox example so that the content exceeds the view height, then the scroll works. Ideally, this should work even when the content does not fill the entire page. Please let me know in-case any other information is needed.
Isolated Example
https://codesandbox.io/s/felxible-column-layout-objectpage-scroll-9zr5yn?file=/src/App.js
Reproduction steps
- Open the isolated example and click on
Section 2anchor link - Content area does not scroll to
Section 2content.
Expected Behaviour
Content area should scroll to Section 2 content when anchor link is clicked.
Screenshots or Videos
No response
UI5 Web Components for React Version
1.21.0
UI5 Web Components Version
1.18.0
Browser
Chrome, Edge, Firefox
Operating System
No response
Additional Context
No response
Relevant log output
No response
Declaration
- I’m not disclosing any internal or sensitive information.