[Object Page]: focus element is overlapped with footer

[wilson-xu-sap]

Describe the bug

Isolated Example

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

Reproduction steps

use tab to traverse focus.

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

2.7

UI5 Web Components Version

2.7

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v2.8.1 🎉

The release is available on v2.8.1

Your semantic-release bot 📦🚀

[wilson-xu-sap]

Not fixed in 2.9 https://stackblitz.com/edit/github-1ctcs8mh?file=package.json

[wilson-xu-sap]

Hi @Lukas742 This seems not correct. Could you please check and reopen it?

[Lukas742]

Hi @wilson-xu-sap

it works fine for me:

2025-04-22_08-53-07.mp4

Could you please check if you really updated your dependencies? If so, please add a recording of the behavior and provide your OS and browser version where the issue occurs. Additionally it would the be helpful, if you could check other supported browsers and see if the behavior is also present there.

[wilson-xu-sap]

Hi @Lukas742

stackbilitz https://stackblitz.com/edit/github-1ctcs8mh?file=package.json
browser: edge 135.0.3179.85
system: macos 15.3.2

Screen.Recording.2025-04-23.at.09.48.08.mov

[Lukas742]

Thanks @wilson-xu-sap !

It turns out that this behavior occurs due to a Chromium bug, it seems that longhand scroll-behavior properties are not functioning correctly. Thanks to your recording I was able to reproduce the issue and find a solution. A PR will follow soon.