From f77d6bca7c1b189c1ade49d7f5936c8400353d78 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 11 Jun 2025 11:59:41 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/10414

---
 app/src/assets/scss/business/_av.scss | 2 --
 app/src/protyle/gutter/index.ts       | 4 ++--
 app/src/protyle/ui/initUI.ts          | 4 ++--
 app/src/protyle/util/hasClosest.ts    | 7 +++++++
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index b9d14208d..b85135d41 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -330,8 +330,6 @@
     }
 
     &-content {
-      max-width: 100%;
-      width: 100%;
       white-space: break-spaces;
       word-break: break-word;
       margin: 8px 8px 0;
diff --git a/app/src/protyle/gutter/index.ts b/app/src/protyle/gutter/index.ts
index d4d193194..880792b6d 100644
--- a/app/src/protyle/gutter/index.ts
+++ b/app/src/protyle/gutter/index.ts
@@ -2,7 +2,7 @@ import {
     hasClosestBlock,
     hasClosestByClassName,
     hasClosestByTag,
-    hasTopClosestByClassName,
+    hasTopClosestByClassName, isInAVBlock,
     isInEmbedBlock
 } from "../util/hasClosest";
 import {getIconByType} from "../../editor/getIcon";
@@ -2283,7 +2283,7 @@ export class Gutter {
         let hideParent = false;
         while (nodeElement) {
             let parentElement = hasClosestBlock(nodeElement.parentElement);
-            if (!isInEmbedBlock(nodeElement)) {
+            if (!isInEmbedBlock(nodeElement) && !isInAVBlock(nodeElement)) {
                 let type;
                 if (!hideParent) {
                     type = nodeElement.getAttribute("data-type");
diff --git a/app/src/protyle/ui/initUI.ts b/app/src/protyle/ui/initUI.ts
index 0522aba89..a994da9b7 100644
--- a/app/src/protyle/ui/initUI.ts
+++ b/app/src/protyle/ui/initUI.ts
@@ -204,9 +204,9 @@ export const initUI = (protyle: IProtyle) => {
             const embedElement = isInEmbedBlock(nodeElement);
             if (embedElement) {
                 protyle.gutter.render(protyle, embedElement, protyle.wysiwyg.element);
-            } else {
-                protyle.gutter.render(protyle, nodeElement, protyle.wysiwyg.element, event.target);
+                return;
             }
+            protyle.gutter.render(protyle, nodeElement, protyle.wysiwyg.element, event.target);
             return;
         }
 
diff --git a/app/src/protyle/util/hasClosest.ts b/app/src/protyle/util/hasClosest.ts
index a0af525f3..1fe6bbb63 100644
--- a/app/src/protyle/util/hasClosest.ts
+++ b/app/src/protyle/util/hasClosest.ts
@@ -122,3 +122,10 @@ export const isInEmbedBlock = (element: Element) => {
         return false;
     }
 };
+
+export const isInAVBlock = (element: Element) => {
+    if (hasClosestByClassName(element, 'av__gallery-cover')) {
+        return hasClosestByClassName(element, "av");
+    }
+    return false;
+};