[SF-ACC][DynamicPage]: field will be hidden by the floating footer when using tab key

[tandan0813]

Describe the bug

Field will be hidden by floating footer when using tab key to access page

Isolated Example

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

Reproduction steps

1. open the isolated example
2. use tab key to access the form fields
3. some fields will be hidden by the floating footer

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

2.7.1

UI5 Web Components Version

2.7.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[dobrinyonkov]

The Dynamic page should use the scroll-padding-inline-end css proeprty on the scroll container to ensure the elements are scrolled in to view when focused.

[dobrinyonkov]

Another issue reported for the same but this time the scroll-padding-inline-start should be used #10850

[dobrinyonkov]

Internal Reference: BGSOFUIPIRIN-6795