In KBreadcrumbs, give any truncated (e.g. "super long it...") items a title attr so it is readable when truncated

[jonboiser]

Product

Desired behavior

Implement something similar to learningequality/kolibri#7915

But for items in KBreadcrumbs

Current behavior

In this example, the long item at the end is truncated, and there is no way to read the whole text

[RONAK-AI647]

@MisRob @AlexVelezLl may i try this issue once , let you know the results soon.

[MisRob]

Yes sure @RONAK-AI647. Is the expected behavior clear?

[RONAK-AI647]

@MisRob I will be thankful if you summarize the expected behavior.

[MisRob]

@RONAK-AI647 The issue this is trying to resolve is that when there is an item with truncated text in KBreadcrumbs, users have no way to read the whole text of that breadcrumb. The proposed solution is to use the title attribute for such an item.

However, compared to similar work in learningequality/kolibri#7915, in KBreadcrumbs, I don't see a way to detect whether an item is truncated or no since we use CSS to achieve that.

So I wonder if we could apply the title to all breadcrumb items, even those that are not truncated. @radinamatic do you have any recommendations on how to best approach this?

[RONAK-AI647]

@MisRob ,take a look whenever free at the PR i raised and let me know if something else's required. If @radinamatic recommends any change or new approach , will work on that as well. Thank You.

[MisRob]

Thank you @RONAK-AI647. Just responded in the PR.

[MisRob]

Closed by #872