Skip to content

[Object Page]: focus element is overlapped with footer #7057

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
1 task done
wilson-xu-sap opened this issue Mar 11, 2025 · 6 comments · Fixed by #7104 · May be fixed by #7266
Open
1 task done

[Object Page]: focus element is overlapped with footer #7057

wilson-xu-sap opened this issue Mar 11, 2025 · 6 comments · Fixed by #7104 · May be fixed by #7266

Comments

@wilson-xu-sap
Copy link

Describe the bug

Image

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
Copy link
Contributor

🎉 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
Copy link
Author

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

@wilson-xu-sap
Copy link
Author

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

@Lukas742
Copy link
Contributor

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
Copy link
Author

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 Lukas742 reopened this Apr 23, 2025
@Lukas742
Copy link
Contributor

Lukas742 commented Apr 23, 2025

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🆕 New
3 participants