diff --git a/app/src/protyle/render/av/gallery/item.ts b/app/src/protyle/render/av/gallery/item.ts index 3ca9cfb47..c5d06fbf0 100644 --- a/app/src/protyle/render/av/gallery/item.ts +++ b/app/src/protyle/render/av/gallery/item.ts @@ -13,17 +13,19 @@ export const insertGalleryItemAnimation = (options: { protyle: IProtyle; srcIDs: string[]; previousId: string; + groupID?: string }) => { if ((options.blockElement.querySelector('[data-type="av-search"]') as HTMLInputElement).value !== "") { showMessage(window.siyuan.languages.insertRowTip); return; } const avId = options.blockElement.getAttribute("data-av-id"); - const sideItemElement = options.previousId ? options.blockElement.querySelector(`.av__gallery-item[data-id="${options.previousId}"]`) : options.blockElement.querySelector(".av__gallery-item"); + const groupQuery = options.groupID ? `.av__body[data-group-id="${options.groupID}"] ` : ""; + const sideItemElement = options.previousId ? options.blockElement.querySelector(`.av__gallery-item[data-id="${options.previousId}"]`) : options.blockElement.querySelector(groupQuery + ".av__gallery-item"); let html = ""; let needUpdate = ""; if (options.blockElement.querySelector('.av__views [data-type="av-sort"]').classList.contains("block__icon--active") && - !options.blockElement.querySelector('[data-type="av-load-more"]').classList.contains("fn__none")) { + !options.blockElement.querySelector(groupQuery+'[data-type="av-load-more"]').classList.contains("fn__none")) { needUpdate = ' data-need-update="true"'; } const coverClass = sideItemElement?.querySelector(".av__gallery-cover")?.className || "fn__none"; diff --git a/app/src/protyle/render/av/row.ts b/app/src/protyle/render/av/row.ts index 80e24e18f..c19653713 100644 --- a/app/src/protyle/render/av/row.ts +++ b/app/src/protyle/render/av/row.ts @@ -512,7 +512,8 @@ export const insertRows = (options: { blockElement: options.blockElement, protyle: options.protyle, srcIDs, - previousId: options.previousID + previousId: options.previousID, + groupID: options.groupID }); } else { insertAttrViewBlockAnimation({ diff --git a/app/src/protyle/util/editorCommonEvent.ts b/app/src/protyle/util/editorCommonEvent.ts index 176003a11..385c1bf0d 100644 --- a/app/src/protyle/util/editorCommonEvent.ts +++ b/app/src/protyle/util/editorCommonEvent.ts @@ -1209,7 +1209,8 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => { protyle, blockElement, srcIDs: sourceIds, - previousId: previousID + previousId: previousID, + groupID: targetElement.parentElement.getAttribute("data-group-id") }); } }