Storybook: UI-issue with hierarchical view in release/3.2

[nutgaard]

Current behaviour

With long names it prefers to push the document-icon and storyname onto a new line before breaking the storyname. If there's not enough room on the next line it breaks the storyname as expected.

Wanted/Expected behaviour

I would expect the opposite behaviour, e.g. start by breaking text and if its no longer possible pop it onto a new line (or just overflow).

Storybook-version: 3.2.0-alpha.7

[igor-dv]

I'll look into it. Thanks.

[igor-dv]

@nutgaard
BTW, do you think breaking the words is a good solution ?
Inspiring from the editor we all use and love (I think all of them do this):

WDYT ?

[igor-dv]

Here is the fix as you suggested.

But IMO the better way is to support horizontal scrolling starting from some minimum width.

[nutgaard]

I think both approaches are viable.
But its probably easier to get the "overflow: hidden"-solution to work consistently, and paired with a horizontal scrollbar it solves the issue imho.

Anyway huge 👍 for the quick response. :1st_place_medal:

[igor-dv]

Will be fixed with #1427