[FCL + Table]: When a table row action expands the FCL end column, it pushes the opening row out of the visible area

[lv-sap]

Describe the bug

Given a UI that contains:

• FlexibleColumnLayout:
  • startColumn:
    • ObjectPage:
      • Table: // or List
        • TableRows. // or List Items
  • midColumn:
    • Title
    • ... Detail View

Suppose, when the user clicks a TabRow (or List item), the FCL midColumn expands and shows the details view.

Suppose, when the FCL midColumn expands, it pushes the selected TabRow (or List item) down, outside of the FCL visible area.

When the user closes the midColumn (form the top X button) the previously selected TabRow (or List item), which expanded the midColumn, does not scroll back into the visible area.

https://vitejsvitervrtxrln-zz52--5173--5162ecc8.local-credentialless.webcontainer.io/

Isolated Example

No response

Reproduction steps

1. open https://vitejsvitervrtxrln-zz52--5173--5162ecc8.local-credentialless.webcontainer.io/
2. scroll down to the last list item and select it
3. wait for the mid column to expand and the list item to go under the visible area
4. close the mid column

Issue: the selected list item does not scroll back into the view

Expected Behaviour

The selected list item to Table row, which when clicked, expanded the mid column, to scroll back into the view after the mis column is closed.

Screenshots or Videos

No response

UI5 Web Components for React Version

v2

UI5 Web Components Version

v2

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.