Wizard: Step title truncates to single line when subtitleText is set, causing text overflow at 320px viewports

[HarshulAggarwal]

Describe the bug

When a WizardStep has both titleText and subtitleText set, the internal WizardTab.css restricts the title to -webkit-line-clamp: 1. At narrow viewports (e.g. 320px) or high zoom (200%), this causes long step titles like "Organizational Details" to truncate to "Organizational..." even though there is sufficient vertical space to wrap onto a second line.

Without subtitleText, the title correctly gets wraps in line 2 instead of truncating.

Isolated Example

https://stackblitz.com/edit/github-uujusgx1?file=src%2FApp.tsx

Reproduction steps

• Open the test preparation link: https://wiki.wdf.sap.corp/wiki/display/Acc/ACC-260+Details#ACC260Details-testpreparationme
• Follow the ZoomTest setup instructions described on the page — resize the viewport to 320px × 700px or set zoom to 200%
• Navigate to the StackBlitz template link
• Observe the wizard step tab titles in the navigation bar

Expected Behaviour

Screenshots or Videos

No response

UI5 Web Components for React Version

2.22.1

UI5 Web Components Version

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

[Lukas742]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[LidiyaGeorgieva]

Hello @UI5/ui5-team-ctr-ril paesa, have a look at this issue.
According to the Visual design of the Step Text (the title) - "Maximum number of lines is two, afterwards the text truncates."
I also noticed, that truncation on zoom is also reproducible of the SAPUI5 Wizard.

Regards,
Lidiya