[FlexibleColumnLayout | ui5/webcomponents-react | v2.10.0]: Incorrect class and attribute for first column

[KonradPietocha]

Bug Description

Describe the bug
When we quickly change (during tests) the layout from "TwoColumnsMidExpanded" to "MidColumnFullScreen" and so on, at some point the first column stays forever with the class "ui5-fcl-column--hidden" and remains invisible even in the case of "TwoColumnsMidExpanded" and "OneColumn" (empty).

Affected Component

FlexibleComponent

Expected Behaviour

Fist column should be visible in case "TwoColumnsMidExpanded" and "OneColumn".

Isolated Example

No response

Steps to Reproduce

1. Quickly change the layout from "TwoColumnsMidExpanded" to "MidColumnFullScreen" and so on.

Log Output, Stack Trace or Screenshots

Priority

None

UI5 Web Components Version

2.10.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP

Declaration

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

[LidiyaGeorgieva]

Hello @KonradPietocha please provide a link for testing

[LidiyaGeorgieva]

Hello @Lukas742 could you take over?

[KonradPietocha]

Hello @KonradPietocha please provide a link for testing

We wanted to update kyma/busola to ui5 v2.10, but my PR has this exact bug, so for now we can't upgrade to this version and the PR is blocked.
Link to PR: kyma-project/busola#3909

[LidiyaGeorgieva]

@KonradPietocha we need an isolated sample of the issue. You can use this stackblitz sample, created by us. You can choose the ui5-webcomponents version in the "dependency panel",
to import the required components in the "index.js", use them in the" index.html" and observe the result.

[Lukas742]

Hi @LidiyaGeorgieva

the behavior is reproducible in your docs example, so this is not an issue with our wrapper but the component.

Steps to reproduce the issue:

• Go to the example I extended
• Toggle the layout quickly by pressing the "Toggle Layout" button
• See the described issue

2025-05-19_15-23-42.mp4

[KonradPietocha]

Hi @LidiyaGeorgieva

the behavior is reproducible in your docs example, so this is not an issue with our wrapper but the component.

Steps to reproduce the issue:

• Go to the example I extended
• Toggle the layout quickly by pressing the "Toggle Layout" button
• See the described issue

2025-05-19_15-23-42.mp4

Yes. @LidiyaGeorgieva Here you can also reproduce my case in the middle column by quickly clicking the "Enter full screen" button