Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
1 task done
QiuranHu opened this issue Aug 12, 2024 · 3 comments · May be fixed by #11581
Open
1 task done

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

QiuranHu opened this issue Aug 12, 2024 · 3 comments · May be fixed by #11581
Assignees
Labels
bug This issue is a bug in the code Low Prio SAP SF TOPIC RL

Comments

@QiuranHu
Copy link

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.

Screenshot 2024-08-12 at 14 18 52

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

  • I’m not disclosing any internal or sensitive information.
@unazko
Copy link
Contributor

unazko commented Aug 12, 2024

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 Okiana self-assigned this Sep 10, 2024
@Okiana
Copy link
Contributor

Okiana commented Sep 24, 2024

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 Image

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

Kind regards,
Evdokia

@Okiana Okiana removed their assignment Sep 24, 2024
@Okiana Okiana self-assigned this Oct 9, 2024
@Okiana
Copy link
Contributor

Okiana commented Oct 14, 2024

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

@Okiana Okiana removed their assignment Oct 14, 2024
@MapTo0 MapTo0 moved this from New Issues to In progress in Maintenance - Topic RL May 22, 2025
@MapTo0 MapTo0 self-assigned this May 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug This issue is a bug in the code Low Prio SAP SF TOPIC RL
Projects
Status: In progress
Development

Successfully merging a pull request may close this issue.

5 participants