From 3fe45db6ef972ae8b76752f7fd218996fb3aeb72 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 8 Dec 2025 22:17:49 +0200
Subject: [PATCH] feat(breadcrumb): improve overflow support

---
 apps/client/src/widgets/Breadcrumb.css | 15 +++++++++++++--
 apps/client/src/widgets/Breadcrumb.tsx |  1 +
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/Breadcrumb.css b/apps/client/src/widgets/Breadcrumb.css
index df9f5c6f0..fee2e9799 100644
--- a/apps/client/src/widgets/Breadcrumb.css
+++ b/apps/client/src/widgets/Breadcrumb.css
@@ -1,3 +1,7 @@
+.breadcrumb-row {
+    position: relative;
+}
+
 .component.breadcrumb {
     contain: none;
     margin: 0 10px;
@@ -8,11 +12,18 @@
     flex-wrap: nowrap;
     overflow: hidden;
 
+    > span,
+    > span > span {
+        display: flex;
+        align-items: center;
+        min-width: 0;
+    }
+
     a {
         color: inherit;
         text-decoration: none;
-        width: 100%;
-        max-width: 200px;
+        min-width: 0;
+        max-width: 100px;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
diff --git a/apps/client/src/widgets/Breadcrumb.tsx b/apps/client/src/widgets/Breadcrumb.tsx
index e24704e0a..632d2c971 100644
--- a/apps/client/src/widgets/Breadcrumb.tsx
+++ b/apps/client/src/widgets/Breadcrumb.tsx
@@ -43,6 +43,7 @@ function BreadcrumbSeparator({ notePath, noteContext, activeNotePath }: { notePa
             noSelectButtonStyle
             buttonClassName="icon-action"
             hideToggleArrow
+            dropdownOptions={{ popperConfig: { strategy: "fixed" } }}
         >
             <BreadcrumbSeparatorDropdownContent notePath={notePath} noteContext={noteContext} activeNotePath={activeNotePath} />
         </Dropdown>