From 819769443843d0b8d0e8c1007c9e7bc959da2b4b Mon Sep 17 00:00:00 2001 From: Maxime Lardenois Date: Wed, 25 Feb 2026 16:03:49 +0100 Subject: [PATCH 1/3] feat(breadcrumb): add actual min width on breadcrumb item to avoid nasty truncation --- scss/_breadcrumb.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index b8c5a196c6..f804b96705 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -16,7 +16,7 @@ .breadcrumb-item { display: none; align-items: center; - min-width: 0; // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/ + min-width: #{$ouds-size-min-interactive-area}; // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/ padding-right: var(--#{$prefix}breadcrumb-item-gap); white-space: nowrap; From 2bd5dc26145983d67e66d9ce80c4452b69cc51c6 Mon Sep 17 00:00:00 2001 From: Maxime Lardenois Date: Wed, 25 Feb 2026 16:32:08 +0100 Subject: [PATCH 2/3] Update scss/_breadcrumb.scss Co-authored-by: Louis-Maxime Piton --- scss/_breadcrumb.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index f804b96705..143380c43a 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -16,7 +16,7 @@ .breadcrumb-item { display: none; align-items: center; - min-width: #{$ouds-size-min-interactive-area}; // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/ + min-width: calc(#{$ouds-size-min-interactive-area} + 2 * var(--#{$prefix}breadcrumb-item-gap) + $ouds-breadcrumb-size-icon); // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/ padding-right: var(--#{$prefix}breadcrumb-item-gap); white-space: nowrap; From 2496b9b1eb0dce651cb3c7fc589f5e86266c07ad Mon Sep 17 00:00:00 2001 From: Maxime Lardenois Date: Tue, 10 Mar 2026 09:34:34 +0100 Subject: [PATCH 3/3] fix: add min-width on both breadcrumb-item and a --- scss/_breadcrumb.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss index 143380c43a..6ca7d0aec4 100644 --- a/scss/_breadcrumb.scss +++ b/scss/_breadcrumb.scss @@ -41,6 +41,7 @@ a { @extend %link-properties; display: inline-block; + min-width: #{$ouds-size-min-interactive-area}; padding: $ouds-link-space-padding-block $ouds-link-space-padding-inline; overflow: hidden; text-overflow: ellipsis;