From 79c9425df6fbabfc9e307a6066cfb42c8ffdf620 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Wed, 16 Apr 2025 04:40:59 +0000
Subject: [PATCH] fix(editor): link popover title overflow (#11704)

fix AF-2506
---
 .../affine/widgets/linked-doc/src/linked-doc-popover.ts    | 2 +-
 blocksuite/affine/widgets/linked-doc/src/styles.ts         | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts b/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts
index f122244f3e..ee2192fa6e 100644
--- a/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/linked-doc-popover.ts
@@ -283,7 +283,7 @@ export class LinkedDocPopover extends SignalWatcher(
           return html`
             <div class="divider" ?hidden=${idx === 0}></div>
             <div class="group-title">
-              ${group.name}
+              <div class="group-title-text">${group.name}</div>
               ${group.isLoading
                 ? html`<span class="loading-icon">${LoadingIcon}</span>`
                 : nothing}
diff --git a/blocksuite/affine/widgets/linked-doc/src/styles.ts b/blocksuite/affine/widgets/linked-doc/src/styles.ts
index 5bb150ebbf..e7d6e4545a 100644
--- a/blocksuite/affine/widgets/linked-doc/src/styles.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/styles.ts
@@ -52,6 +52,13 @@ export const linkedDocPopoverStyles = css`
     flex-shrink: 0;
     font-weight: 500;
     justify-content: space-between;
+    max-width: 240px;
+  }
+
+  .linked-doc-popover .group-title .group-title-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .linked-doc-popover .group-title .loading-icon {