Feature Request: Breadcrumb overflow collapse (…) with dropdown navigation

[shankaryadavy9]

Problem

When breadcrumb paths become long (deep routes or UUID-based URLs), items wrap into multiple lines. This breaks layout consistency, especially inside toolbars.

Example:

Applications › 4470e56c-41eb-4af7-b68c… › Roles › Policy ›
 Edit

---

Expected behavior

Breadcrumb should remain single-line and support overflow handling similar to enterprise consoles like AWS.

---

Proposed UX

When items exceed width:

Home › IAM › Applications › … › Policy › Role

Clicking … should open a dropdown listing hidden breadcrumb items for navigation.

---

Reference implementation

AWS Console breadcrumb:

Behavior:

• First and last items visible
• Middle items collapsed
• Ellipsis opens dropdown menu
• Tooltip shows full label

---

Why useful

• Deep enterprise routes (IAM, RBAC, workflows)
• UUID-based paths
• Toolbar layout preservation
• Better UX parity with cloud consoles

---

Happy to contribute if maintainers agree on design direction.

[shankaryadavy9]

I just searched how AWS implemented

https://github.com/cloudscape-design/components/tree/main/src/breadcrumb-group