[FlexibleColumnLayout]: End column hidden class lost when parent component changes AnimationMode during rendering

[quinn-zhang-sap]

Bug Description

The hidden class of end column lost !!! If the parent component changes the value of AnimationMode during rendering, especially from "none" to "full": the end column is initially hidden correctly, but after changing the AnimationMode value, the end column may become visible. In the old version (like 2.8.0), an eventListener is always added regardless of the AnimationMode value, but in the new version (like 2.10.0), the eventListener is only added when there is animation. When AnimationMode is switched, since both currentlyHidden and previouslyHidden for the end column are true, the method to add the end-column hidden class may be skipped.

Affected Component

No response

Expected Behaviour

No response

Isolated Example

github-wfbsk6wq

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.10.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[Valkanister]

Hello @quinn-zhang-sap ,

Please clarify in more detail what the exact issue is and isolate a sample where it is reproducible. You can use any platform like StackBlitz or similar, or use the playground.

Kind regards, 

Georgi

SAP Development Support

[quinn-zhang-sap]

Hello @Valkanister, I have already written a sample using StackBlitz https://stackblitz.com/edit/github-wfbsk6wq. Is it accessible? As it shows, when changing AnimationMode from "none" to "full" during the FlexibleColumnLayout rendering, the end column unexpectedly appears. But the layout of FlexibleColumnLayout is "TwoColumnMidExpanded", which means there should be only two columns visible. Best regards, Quinn Zhang

[Valkanister]

Hello @SAP/ui5-webcomponents-topic-p ,

Please have a look at this issue with the FCL. While loading the animation mode is changed which causes a problem.

Kind regards, 

Georgi

SAP Development Support

[github-actions[bot]]

This issue has been closed. To reopen, just leave a comment!

[ui5-webcomponents-bot]

:tada: This issue has been resolved in version v2.12.0 :tada:

The release is available on v2.12.0

Your semantic-release bot :package::rocket: