From 05a2cacda9260f5da5308633027127c7d1778e1c Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 26 Feb 2026 11:51:51 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/17098

---
 app/src/assets/scss/business/_av.scss       | 2 ++
 app/src/protyle/render/av/action.ts         | 2 +-
 app/src/protyle/render/av/gallery/render.ts | 4 ++--
 app/src/protyle/render/av/render.ts         | 4 ++--
 app/src/util/addClearButton.ts              | 3 ++-
 5 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index b277e9b17..b1962ad4e 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -100,6 +100,8 @@
       outline: none;
       white-space: nowrap;
       overflow: auto;
+      padding-right: 0;
+      font-size: 1em;
 
       &::-webkit-scrollbar {
         display: none;
diff --git a/app/src/protyle/render/av/action.ts b/app/src/protyle/render/av/action.ts
index 030ab7cb3..783da9053 100644
--- a/app/src/protyle/render/av/action.ts
+++ b/app/src/protyle/render/av/action.ts
@@ -323,7 +323,7 @@ export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLEle
             const searchElement = blockElement.querySelector('div[data-type="av-search"]') as HTMLInputElement;
             searchElement.style.width = "128px";
             searchElement.style.paddingLeft = "";
-            searchElement.style.paddingRight = "";
+            searchElement.style.marginRight = "1em";
             const viewsElement = hasClosestByClassName(searchElement, "av__views");
             if (viewsElement) {
                 viewsElement.classList.add("av__views--show");
diff --git a/app/src/protyle/render/av/gallery/render.ts b/app/src/protyle/render/av/gallery/render.ts
index 53ab9706d..7821b670a 100644
--- a/app/src/protyle/render/av/gallery/render.ts
+++ b/app/src/protyle/render/av/gallery/render.ts
@@ -250,7 +250,7 @@ export const afterRenderGallery = (options: ITableOptions) => {
             viewsElement.classList.remove("av__views--show");
             searchInputElement.style.width = "0";
             searchInputElement.style.paddingLeft = "0";
-            searchInputElement.style.paddingRight = "0";
+            searchInputElement.style.marginRight = "0";
         }
     });
     addClearButton({
@@ -262,7 +262,7 @@ export const afterRenderGallery = (options: ITableOptions) => {
             viewsElement.classList.remove("av__views--show");
             searchInputElement.style.width = "0";
             searchInputElement.style.paddingLeft = "0";
-            searchInputElement.style.paddingRight = "0";
+            searchInputElement.style.marginRight = "0";
             focusBlock(options.blockElement);
             updateSearch(options.blockElement, options.protyle);
             /// #if MOBILE
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index f41931dc1..77156fd62 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -427,7 +427,7 @@ const afterRenderTable = (options: ITableOptions) => {
             viewsElement.classList.remove("av__views--show");
             searchInputElement.style.width = "0";
             searchInputElement.style.paddingLeft = "0";
-            searchInputElement.style.paddingRight = "0";
+            searchInputElement.style.marginRight = "0";
         }
     });
     addClearButton({
@@ -439,7 +439,7 @@ const afterRenderTable = (options: ITableOptions) => {
             viewsElement.classList.remove("av__views--show");
             searchInputElement.style.width = "0";
             searchInputElement.style.paddingLeft = "0";
-            searchInputElement.style.paddingRight = "0";
+            searchInputElement.style.marginRight = "0";
             focusBlock(options.blockElement);
             updateSearch(options.blockElement, options.protyle);
             /// #if MOBILE
diff --git a/app/src/util/addClearButton.ts b/app/src/util/addClearButton.ts
index 32520a113..c9d175259 100644
--- a/app/src/util/addClearButton.ts
+++ b/app/src/util/addClearButton.ts
@@ -14,7 +14,8 @@ const update = (inputElement: HTMLElement, clearElement: Element, right: number)
     } else {
         clearElement.classList.remove("fn__none");
         if (typeof right === "number") {
-            inputElement.style.setProperty("padding-right", `${right * 2 + clearElement.clientWidth}px`, "important");
+            // 数据库搜索需设置 margin
+            inputElement.style.setProperty(inputElement.getAttribute("contenteditable") ? "margin-right" : "padding-right", `${right * 2 + clearElement.clientWidth}px`, "important");
         }
     }
 };