Investigate breadcrumb wrapping and overlapping the select all box

[bjester]

Observed behavior

When viewing a deeply nested resource in a channel, that has ancestors with really long titles, it appears the breadcrumbs are wrapping and overlapping the 'Select all' checkbox

Expected behavior

I believe the intent is that the breadcrumbs collapse the furthest ancestors when it would be too long, to avoid wrapping entirely.

User-facing consequences

Colliding text can be visually confusing

Usage Details

• Browser: Chrome

[Annu881]

@bjester this issue open for contributions? I'd love to work on it. Please let me know!

[bjester]

Hi @Annu881,

This could be a troublesome issue to tackle, because the code is very finicky. I will assign you, but please do let us know as soon as possible if you're unable to resolve it. Reproducing it will be half the battle, which may require a RTL language like Arabic.

[Annu881]

I have raised a PR, please review the PR sir.

[MisRob]

I was able to reproduce this in English interface

[MisRob]

Note there was an attempt to fix this #4920 which addressed some parts, but didn't address the root causes. As @bjester mentioned, it's finicky. I think we need to investigate first what exactly is the cause before moving on. Updated the issue title to reflect it.

Alternatively, we could wait and see whether KBreadcrumbs will solve this as soon as we migrate.