Stepper: final step breaks with lengthier words

[Gabko14]

Hello Design System Team and @alizedebray @oliverschuerch

I have a problem regarding the stepper. The last element seems to have less capacity to handle lengthy words like "Zusammenfassung" for example.

Screenshot:

Adding a word break could technically fix this, but it is not the desired approach. I also cannot make the whole stepper wider because there is no space.

This worked well with the ngb-progressbar implementation.

Thank you for your help

[gfellerph]

Tried to reconstruct how it looked with the ngb-progressbar in older versions, but was not really able to produce a desirable result:

v5

https://6401b58ebf0f4e298ee2dbe7--swisspost-web-frontend.netlify.app/#/post-samples/stepper

v8

https://archive.design-system.post.ch/#/post-samples/stepper

Do you have a screenshot of how you'd expect it to look and what version of the Design System are you on?

From my point of view, the only two options would be truncation (adding three dots and cutting the word like "Zusammen....") and breaking it to a new line. Truncation is generally not desired from an accessibility standpoint because you'd need to offer an alternative way to display the full word like adding the title attribute or a tooltip, but only when the word is too long to display fully - and that's not always easy to detect.

[Gabko14]

Thank you very much for taking your time to analyze this

v8.2.1

v6.2

I have intentionally placed the word "zusammenfassung" in 3 different steps to showcase that it's only the last step which starts to panic once it contains a word with a few more characters than usual