From ce7e3330f40ace6d1110e7794dcd1f9eff2b504c Mon Sep 17 00:00:00 2001
From: fundon <fundon@pindash.io>
Date: Wed, 26 Mar 2025 03:00:24 +0000
Subject: [PATCH] fix(editor): description of linked doc should be displayed on
 multiple lines (#11162)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes: [BS-2902](https://linear.app/affine-design/issue/BS-2902/有个bug，这个编辑之后换行会没有-fundon)
---
 .../src/embed-linked-doc-block/embed-linked-doc-block.ts    | 6 +++++-
 .../blocks/block-embed/src/embed-linked-doc-block/styles.ts | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts
index 4d650609fb..f31f677c25 100644
--- a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts
+++ b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/embed-linked-doc-block.ts
@@ -33,6 +33,7 @@ import { computed } from '@preact/signals-core';
 import { html, nothing } from 'lit';
 import { property, queryAsync, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
 import throttle from 'lodash-es/throttle';
@@ -452,7 +453,10 @@ export class EmbedLinkedDocBlockComponent extends EmbedBlockComponent<EmbedLinke
               hasDescriptionAlias,
               () =>
                 html`<div class="affine-embed-linked-doc-content-note alias">
-                  ${description}
+                  ${repeat(
+                    (description.value ?? '').split('\n'),
+                    text => html`<p>${text}</p>`
+                  )}
                 </div>`,
               () =>
                 when(
diff --git a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts
index 83358a0768..190234aaf3 100644
--- a/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts
+++ b/blocksuite/affine/blocks/block-embed/src/embed-linked-doc-block/styles.ts
@@ -97,6 +97,10 @@ export const styles = css`
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
+
+    p {
+      padding: 0 2px;
+    }
   }
 
   .affine-embed-linked-doc-content-note.alias {