[wizard]: line between steps missing if wizard step title get wrapped

[QiuranHu]

Bug Description

If the wizard step title is too long or when we do not have enough space, the title text will wrap into multiple line and it's expected. But the line connecting steps are missing.

Affected Component

wizard

Expected Behaviour

Line connecting steps should be shown when step title is wrapped into multiple lines.

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

1.24.4, also in 2.1.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SF

Declaration

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

[unazko]

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

The described vizualization could be observed on the following page with resizing the screen width: https://sap.github.io/ui5-webcomponents/nightly/components/fiori/Wizard/

Seems like an edge case.

Best regards, Boyan

[Okiana]

Hello colleagues,

I've isolated the scenario with plain html https://stackblitz.com/edit/js-crahrq?file=style.css Please, resize the preview container to about 215px and you will face the issue. I am attaching also a picture of the issue in the isolated scenario

You could use it for further investigation. I was thinking that the soultion could be with Container Queries approach.

Kind regards, Evdokia

[Okiana]

Hello, @QiuranHu ,

Thank you for bringing this issue to our attention. After careful review, we’ve determined that the problem is of a cosmetic nature and does not impact the core functionality or user experience in a significant way. As such, we will be lowering the priority of this ticket.

Hello colleagues,

An idea for a solution could be to remove the max-width of the .ui5-wiz-step-main. Please consider it when you start working on this issue.

Kind regards, Evdokia

[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-rc.1 :tada:

The release is available on v2.12.0-rc.1

Your semantic-release bot :package::rocket: