From 9f01145bc674378371ff34d7110f3235b57d2459 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 11 Apr 2024 21:52:07 +0200
Subject: [PATCH] fix(Breadcrumb): missing `min-w-0` on wrapper to truncate

Resolves #1650
---
 .../content/examples/BreadcrumbExampleDefaultSlot.vue           | 2 +-
 src/runtime/ui.config/navigation/breadcrumb.ts                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue b/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
index 2210e616ec..7baf557be5 100644
--- a/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
+++ b/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
@@ -12,7 +12,7 @@ const links = [{
 <template>
   <UBreadcrumb :links="links">
     <template #default="{ link, isActive, index }">
-      <UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full">
+      <UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full truncate">
         {{ index + 1 }}. {{ link.label }}
       </UBadge>
     </template>
diff --git a/src/runtime/ui.config/navigation/breadcrumb.ts b/src/runtime/ui.config/navigation/breadcrumb.ts
index 8881efffe7..0071e20753 100644
--- a/src/runtime/ui.config/navigation/breadcrumb.ts
+++ b/src/runtime/ui.config/navigation/breadcrumb.ts
@@ -1,5 +1,5 @@
 export default {
-  wrapper: 'relative',
+  wrapper: 'relative min-w-0',
   ol: 'flex items-center gap-x-1.5',
   li: 'flex items-center gap-x-1.5 text-gray-500 dark:text-gray-400 text-sm leading-6 min-w-0',
   base: 'flex items-center gap-x-1.5 group font-semibold min-w-0',