From 3db01edfb807e7077ed02ccb9b4b7499a3760b22 Mon Sep 17 00:00:00 2001
From: Chad Lavimoniere <clavimoniere@gitlab.com>
Date: Thu, 27 Mar 2025 17:41:17 -0400
Subject: [PATCH] fix(GlBreadcrumb): Fix extreme customer edge case

If the length of a breadcrumb string is _just right_, it will cause our
current breadcrumb usage in the GitLab app to hit an edge case that
causes an infinite loop of collapsing and uncollapsing the breadcrumbs.
This MR fixes that.
---
 src/components/base/breadcrumb/breadcrumb.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/base/breadcrumb/breadcrumb.vue b/src/components/base/breadcrumb/breadcrumb.vue
index 151877181d..d3bd8d4502 100644
--- a/src/components/base/breadcrumb/breadcrumb.vue
+++ b/src/components/base/breadcrumb/breadcrumb.vue
@@ -158,7 +158,7 @@ export default {
       this.resizeDone = false;
       this.resetItems();
 
-      const containerWidth = this.$el.clientWidth;
+      const containerWidth = this.$el.clientWidth + 1;
       const buttonWidth = 40; // px
 
       if (this.totalBreadcrumbsWidth > containerWidth) {
-- 
GitLab