[ObjectPage][A11y]: Tab order is incorrect after selecting a tab

[Brahmansh]

Describe the bug

In the given video you can observe, I navigated to 'Employment' tab with arrow keys and then press 'Enter/space' to select it shows the employment section and scrolls the page. But you can observe that focus is still on the 'Employment' tab and if I press 'Tab' it selects first selectable element i.e. in the 'Custom Action' button in the Personal section which shouldn't happen.
We can compare this behavior with https://ui5.sap.com/#/entity/sap.uxap.ObjectPageLayout/sample/sap.uxap.sample.ObjectPageResetSelectedSection, here if I press 'Enter/space' on 'Employment' tab it scrolls to that section and focus moves to that section going forward if I press 'Tab' it moves inside employment section.

Isolated Example

https://sap.github.io/ui5-webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--default

Reproduction steps

1. Go to this link https://sap.github.io/ui5-webcomponents-react/v2/?path=/story/layouts-floorplans-objectpage--default
2. Use tab key to navigate, and once on tab header use arrow keys to navigate to 'Employment' tab
3. Press 'Enter/Space' on Employment tab
4. Press 'Tab' key and see the selection is on 'Custom action' button which is in 'Personal' section

Expected Behaviour

Tab order should navigate further on selection of a particular tab and its section.

Screenshots or Videos

2025-04-23_11-38-57.mp4

UI5 Web Components for React Version

V2

UI5 Web Components Version

2.9.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.

[Brahmansh]

Are there any updates on this defect?

[Lukas742]

Hi @Brahmansh,

#7386 and this related issue will be addressed together. Unfortunately, I can’t provide a precise timeline for the fix at this moment, but we’re planning to start working on it early next month.