From 284ec21b3be7496fae9b78c9b31462bbd8c51365 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 27 Mar 2024 11:45:09 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/10753

---
 app/src/assets/scss/component/_menu.scss | 2 ++
 app/src/protyle/breadcrumb/index.ts      | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/src/assets/scss/component/_menu.scss b/app/src/assets/scss/component/_menu.scss
index f8ceaadd0..10380fcaf 100644
--- a/app/src/assets/scss/component/_menu.scss
+++ b/app/src/assets/scss/component/_menu.scss
@@ -120,6 +120,8 @@
         white-space: break-spaces;
         line-height: 26px;
         margin: 8px 0;
+        // 移动端面包屑过长
+        word-wrap: break-word;
       }
 
       &__icon {
diff --git a/app/src/protyle/breadcrumb/index.ts b/app/src/protyle/breadcrumb/index.ts
index 6fa4a0348..8ecc8e543 100644
--- a/app/src/protyle/breadcrumb/index.ts
+++ b/app/src/protyle/breadcrumb/index.ts
@@ -31,6 +31,7 @@ import {emitOpenMenu} from "../../plugin/EventBus";
 import {isInAndroid, isIPad, isMac, updateHotkeyTip} from "../util/compatibility";
 import {resize} from "../util/resize";
 import {listIndent, listOutdent} from "../wysiwyg/list";
+import {escapeAttr, escapeHtml} from "../../util/escape";
 
 export class Breadcrumb {
     public element: HTMLElement;
@@ -243,7 +244,7 @@ ${padHTML}
                 menu.addItem({
                     current: isCurrent,
                     icon: getIconByType(item.type, item.subType),
-                    label: item.name,
+                    label: escapeHtml(item.name),
                     click() {
                         zoomOut({protyle, id: item.id, focusId: id});
                     }
@@ -618,7 +619,7 @@ ${padHTML}
                 } else {
                     html += `<span class="protyle-breadcrumb__item${isCurrent ? " protyle-breadcrumb__item--active" : ""}" data-node-id="${item.id}"${(response.data.length === 1 || index === 0) ? ' style="max-width:none"' : ""}>
     <svg class="popover__block" data-id="${item.id}"><use xlink:href="#${getIconByType(item.type, item.subType)}"></use></svg>
-    <span class="protyle-breadcrumb__text" title="${item.name}">${item.name}</span>
+    <span class="protyle-breadcrumb__text" title="${escapeAttr(item.name)}">${escapeHtml(item.name)}</span>
 </span>`;
                 }
                 if (index !== response.data.length - 1) {