[ui5-side-navigation]: Visual glitch during the expand animation

[alexandar-mitsev]

Bug Description

Hi,

There is a small visual glitch during the expand animation of the side navigation. All texts are appearing squeezed and with extra scrollbars during the expand. This is for a brief moment, but it is visible.

See the attached video.
Reproducible in the samples: https://ui5.github.io/webcomponents/components/fiori/NavigationLayout/

Recording.2026-05-19.113553.mp4

Affected Component

ui5-side-navigation

Expected Behaviour

No visual glitches during the expand animation.

Isolated Example

https://ui5.github.io/webcomponents/components/fiori/NavigationLayout/

Steps to Reproduce

1. Open https://ui5.github.io/webcomponents/components/fiori/NavigationLayout/
2. Collapse and then expand the side navigation
3. During the expand the texts appear broken for a brief moment

Log Output, Stack Trace or Screenshots

No response

Priority

Low

UI5 Web Components Version

2.22.0

Browser

Chrome

Operating System

Windows

Additional Context

No response

Organization

SAP

Declaration

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