superdoc 2.22.0 → 2.22.1-next.2

package/dist/style.layered.css

@@ -1493,7 +1493,7 @@ img[data-v-c95b2073] {
   font-size: 11px;
 }
 
-.comments-dialog[data-v-eefd4750] {
+.comments-dialog[data-v-21ad0f69] {
   display: flex;
   flex-direction: column;
   padding: var(--sd-ui-comments-card-padding, 16px);
@@ -1512,74 +1512,74 @@ img[data-v-c95b2073] {
   overflow-wrap: break-word;
   word-break: break-word;
 }
-.comments-dialog[data-v-eefd4750]:not(.is-active) {
+.comments-dialog[data-v-21ad0f69]:not(.is-active) {
   cursor: pointer;
 }
-.comments-dialog[data-v-eefd4750]:not(.is-active):not(.is-resolved):hover {
+.comments-dialog[data-v-21ad0f69]:not(.is-active):not(.is-resolved):hover {
   background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
 }
-.comments-dialog[data-v-eefd4750]:not(.is-resolved):hover .overflow-menu {
+.comments-dialog[data-v-21ad0f69]:not(.is-resolved):hover .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.comments-dialog.is-active[data-v-eefd4750] {
+.comments-dialog.is-active[data-v-21ad0f69] {
   background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
   border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
   box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
   z-index: 10;
 }
-.comments-dialog.is-resolved[data-v-eefd4750] {
+.comments-dialog.is-resolved[data-v-21ad0f69] {
   background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
 }
-.comment-separator[data-v-eefd4750] {
+.comment-separator[data-v-21ad0f69] {
   background-color: var(--sd-ui-comments-separator, #e0e0e0);
   height: 1px;
   width: 100%;
   margin: 10px 0;
 }
-.comment[data-v-eefd4750] {
+.comment[data-v-21ad0f69] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.comment[data-v-eefd4750] p {
+.comment[data-v-21ad0f69] p {
   margin: 0;
 }
-.tracked-change[data-v-eefd4750] {
+.tracked-change[data-v-21ad0f69] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.change-type[data-v-eefd4750] {
+.change-type[data-v-21ad0f69] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text[data-v-eefd4750] {
+.tracked-change-text[data-v-21ad0f69] {
   color: var(--sd-ui-comments-body-text, #212121);
   white-space: pre-wrap;
 }
-.tracked-change-text.is-deleted[data-v-eefd4750] {
+.tracked-change-text.is-deleted[data-v-21ad0f69] {
   color: var(--sd-ui-comments-delete-text, #cb0e47);
 }
-.tracked-change-text.is-inserted[data-v-eefd4750] {
+.tracked-change-text.is-inserted[data-v-21ad0f69] {
   color: var(--sd-ui-comments-insert-text, #1f6feb);
   font-weight: 500;
 }
-.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-eefd4750] {
+.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-21ad0f69] {
   color: var(--sd-ui-comments-move-from-text, #00853d);
 }
-.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-eefd4750] {
+.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-21ad0f69] {
   color: var(--sd-ui-comments-move-to-text, #00853d);
 }
-.tracked-change-detail-lines[data-v-eefd4750] {
+.tracked-change-detail-lines[data-v-21ad0f69] {
   margin-top: 4px;
 }
-.tracked-change-detail-line[data-v-eefd4750] {
+.tracked-change-detail-line[data-v-21ad0f69] {
   font-size: 12px;
   line-height: 1.4;
 }
-.tracked-change-image-preview[data-v-eefd4750] {
+.tracked-change-image-preview[data-v-21ad0f69] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1590,7 +1590,7 @@ img[data-v-c95b2073] {
   max-width: 96px;
   max-height: 96px;
 }
-.tracked-change-image-preview__image[data-v-eefd4750] {
+.tracked-change-image-preview__image[data-v-21ad0f69] {
   display: block;
   width: auto;
   height: auto;
@@ -1600,7 +1600,7 @@ img[data-v-c95b2073] {
 }
 
 /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
-.tracked-change-decision-alert[data-v-eefd4750] {
+.tracked-change-decision-alert[data-v-21ad0f69] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1614,12 +1614,12 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.4;
 }
-.tracked-change-decision-alert__retry[data-v-eefd4750] {
+.tracked-change-decision-alert__retry[data-v-21ad0f69] {
   flex-shrink: 0;
 }
 
 /* ── Resolved badge ── */
-.resolved-badge[data-v-eefd4750] {
+.resolved-badge[data-v-21ad0f69] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1628,33 +1628,33 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-comments-resolved-text, #00853d);
   margin-bottom: 4px;
 }
-.resolved-badge__icon[data-v-eefd4750] {
+.resolved-badge__icon[data-v-21ad0f69] {
   display: inline-flex;
   width: 12px;
   height: 12px;
 }
-.resolved-badge__icon[data-v-eefd4750] svg {
+.resolved-badge__icon[data-v-21ad0f69] svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 /* ── Text truncation ── */
-.comment.is-truncated[data-v-eefd4750],
-.tracked-change.is-truncated[data-v-eefd4750] {
+.comment.is-truncated[data-v-21ad0f69],
+.tracked-change.is-truncated[data-v-21ad0f69] {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   max-height: 4.5em;
   overflow: hidden;
 }
-.comment.is-scrollable[data-v-eefd4750],
-.tracked-change.is-scrollable[data-v-eefd4750] {
+.comment.is-scrollable[data-v-21ad0f69],
+.tracked-change.is-scrollable[data-v-21ad0f69] {
   max-height: 220px;
   overflow-y: auto;
   padding-right: 4px;
 }
-.show-more-toggle[data-v-eefd4750] {
+.show-more-toggle[data-v-21ad0f69] {
   font-size: 12px;
   color: var(--sd-ui-action, #1355ff);
   cursor: pointer;
@@ -1662,12 +1662,12 @@ img[data-v-c95b2073] {
   margin-top: 4px;
   user-select: none;
 }
-.show-more-toggle[data-v-eefd4750]:hover {
+.show-more-toggle[data-v-21ad0f69]:hover {
   text-decoration: underline;
 }
 
 /* ── Thread collapse ── */
-.collapsed-replies[data-v-eefd4750] {
+.collapsed-replies[data-v-21ad0f69] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1678,24 +1678,24 @@ img[data-v-c95b2073] {
   cursor: pointer;
   user-select: none;
 }
-.collapsed-replies[data-v-eefd4750]:hover {
+.collapsed-replies[data-v-21ad0f69]:hover {
   text-decoration: underline;
 }
-.collapsed-avatars[data-v-eefd4750] {
+.collapsed-avatars[data-v-21ad0f69] {
   display: flex;
 }
-.collapsed-avatars .mini-avatar[data-v-eefd4750] {
+.collapsed-avatars .mini-avatar[data-v-21ad0f69] {
   --sd-comment-avatar-size: 20px;
   --sd-comment-avatar-font-size: 8px;
   margin-left: -4px;
   border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
 }
-.collapsed-avatars .mini-avatar[data-v-eefd4750]:first-child {
+.collapsed-avatars .mini-avatar[data-v-21ad0f69]:first-child {
   margin-left: 0;
 }
 
 /* ── New comment input ── */
-.new-comment-input-wrapper[data-v-eefd4750] {
+.new-comment-input-wrapper[data-v-21ad0f69] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1704,17 +1704,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow: visible;
 }
-.new-comment-input-wrapper[data-v-eefd4750]:focus-within {
+.new-comment-input-wrapper[data-v-21ad0f69]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.new-comment-input-wrapper[data-v-eefd4750] .comment-entry {
+.new-comment-input-wrapper[data-v-21ad0f69] .comment-entry {
   border-radius: 0;
 }
-.new-comment-input-wrapper[data-v-eefd4750] .input-section {
+.new-comment-input-wrapper[data-v-21ad0f69] .input-section {
   margin: 0;
 }
-.new-comment-input-wrapper[data-v-eefd4750] .superdoc-field {
+.new-comment-input-wrapper[data-v-21ad0f69] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1725,18 +1725,18 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.new-comment-input-wrapper[data-v-eefd4750] .superdoc-field:focus,
-.new-comment-input-wrapper[data-v-eefd4750] .superdoc-field:active {
+.new-comment-input-wrapper[data-v-21ad0f69] .superdoc-field:focus,
+.new-comment-input-wrapper[data-v-21ad0f69] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.new-comment-input-wrapper[data-v-eefd4750] .sd-editor-placeholder::before {
+.new-comment-input-wrapper[data-v-21ad0f69] .sd-editor-placeholder::before {
   content: 'Comment or add others with @';
 }
 
 /* ── Reply pill & expanded input ── */
-.reply-pill[data-v-eefd4750] {
+.reply-pill[data-v-21ad0f69] {
   width: 100%;
   padding: 8.5px 10.5px;
   border: 1.5px solid transparent;
@@ -1750,16 +1750,16 @@ img[data-v-c95b2073] {
   cursor: text;
   transition: background 150ms ease;
 }
-.reply-pill[data-v-eefd4750]:hover {
+.reply-pill[data-v-21ad0f69]:hover {
   background: var(--sd-color-gray-200, #f2f2f2);
 }
-.reply-pill[data-v-eefd4750]:disabled {
+.reply-pill[data-v-21ad0f69]:disabled {
   cursor: not-allowed;
 }
-.reply-expanded[data-v-eefd4750] {
+.reply-expanded[data-v-21ad0f69] {
   margin-top: 10px;
 }
-.reply-input-wrapper[data-v-eefd4750] {
+.reply-input-wrapper[data-v-21ad0f69] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1767,17 +1767,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow: visible;
 }
-.reply-input-wrapper[data-v-eefd4750]:focus-within {
+.reply-input-wrapper[data-v-21ad0f69]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.reply-input-wrapper[data-v-eefd4750] .comment-entry {
+.reply-input-wrapper[data-v-21ad0f69] .comment-entry {
   border-radius: 0;
 }
-.reply-input-wrapper[data-v-eefd4750] .input-section {
+.reply-input-wrapper[data-v-21ad0f69] .input-section {
   margin: 0;
 }
-.reply-input-wrapper[data-v-eefd4750] .superdoc-field {
+.reply-input-wrapper[data-v-21ad0f69] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1788,23 +1788,23 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.reply-input-wrapper[data-v-eefd4750] .superdoc-field:focus,
-.reply-input-wrapper[data-v-eefd4750] .superdoc-field:active {
+.reply-input-wrapper[data-v-21ad0f69] .superdoc-field:focus,
+.reply-input-wrapper[data-v-21ad0f69] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.reply-input-wrapper[data-v-eefd4750] .sd-editor-placeholder::before {
+.reply-input-wrapper[data-v-21ad0f69] .sd-editor-placeholder::before {
   content: 'Reply or add others with @';
 }
-.reply-actions[data-v-eefd4750] {
+.reply-actions[data-v-21ad0f69] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 16px;
   margin-top: 8px;
 }
-.reply-btn-cancel[data-v-eefd4750] {
+.reply-btn-cancel[data-v-21ad0f69] {
   background: none;
   border: none;
   font-size: 13px;
@@ -1815,10 +1815,10 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: color 150ms;
 }
-.reply-btn-cancel[data-v-eefd4750]:hover {
+.reply-btn-cancel[data-v-21ad0f69]:hover {
   color: var(--sd-ui-text, #212121);
 }
-.reply-btn-primary[data-v-eefd4750] {
+.reply-btn-primary[data-v-21ad0f69] {
   background: var(--sd-ui-action, #1355ff);
   border: none;
   font-size: 13px;
@@ -1830,19 +1830,19 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: background 150ms;
 }
-.reply-btn-primary[data-v-eefd4750]:hover {
+.reply-btn-primary[data-v-21ad0f69]:hover {
   background: var(--sd-ui-action-hover, #0f44cc);
 }
-.reply-btn-primary.sd-is-disabled[data-v-eefd4750] {
+.reply-btn-primary.sd-is-disabled[data-v-21ad0f69] {
   background: var(--sd-color-gray-400, #dbdbdb);
   color: var(--sd-color-gray-600, #888888);
   cursor: default;
   pointer-events: none;
 }
-.existing-internal-input[data-v-eefd4750] {
+.existing-internal-input[data-v-21ad0f69] {
   margin-bottom: 10px;
 }
-.sd-internal-dropdown[data-v-eefd4750] {
+.sd-internal-dropdown[data-v-21ad0f69] {
   display: inline-block;
 }
 
@@ -1891,28 +1891,28 @@ img[data-v-c95b2073] {
   background-color: #1355ff7f;
 }
 
-.comment-placeholder[data-v-8262096d] {
+.comment-placeholder[data-v-15b59a51] {
   position: absolute;
   width: 300px;
   transition: top 0.3s ease;
 }
-.comment-placeholder.is-direct-decision-continuity-target[data-v-8262096d] .overflow-menu {
+.comment-placeholder.is-direct-decision-continuity-target[data-v-15b59a51] .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.floating-comment[data-v-8262096d] {
+.floating-comment[data-v-15b59a51] {
   position: relative;
   display: block;
   min-width: 300px;
 }
-.sidebar-container[data-v-8262096d] {
+.sidebar-container[data-v-15b59a51] {
   position: absolute;
   width: 300px;
   min-height: 300px;
   transition: transform 0.3s ease;
   will-change: transform;
 }
-.section-wrapper[data-v-8262096d] {
+.section-wrapper[data-v-15b59a51] {
   position: relative;
   min-height: 100%;
   width: 300px;

package/dist/superdoc/src/components/CommentsLayer/floating-comment-positioning.d.ts

@@ -1,15 +1,12 @@
-export function isPersistentReviewSidebarItem(comment: any): boolean;
 export function normalizeFloatingAnchorTop(top: any): any;
 export function isAnchorOutsideFloatingViewport(anchorTop: any, viewportTop: any, viewportBottom: any, anchorBottom?: any): boolean;
-export function shouldKeepPersistentReviewCardAtAnchor({ comment, anchorTop, anchorBottom, viewportTop, viewportBottom, }: {
-    comment: any;
+export function shouldKeepFloatingCardAtAnchor({ anchorTop, anchorBottom, viewportTop, viewportBottom }: {
     anchorTop: any;
     anchorBottom: any;
     viewportTop: any;
     viewportBottom: any;
 }): boolean;
-export function resolvePersistentReviewCardTop({ comment, anchorTop, anchorBottom, cardHeight, viewportTop, viewportBottom, }: {
-    comment: any;
+export function resolveOffscreenFloatingCardTop({ anchorTop, anchorBottom, cardHeight, viewportTop, viewportBottom, }: {
     anchorTop: any;
     anchorBottom: any;
     cardHeight: any;

package/dist/superdoc.cjs

@@ -316,7 +316,7 @@ var shuffleArray = (array) => {
 var DEFAULT_ENDPOINT = "https://ingest.superdoc.dev/v1/collect";
 function getSuperdocVersion() {
 	try {
-		return "2.22.0";
+		return "2.22.1-next.2";
 	} catch {
 		return "unknown";
 	}
@@ -13630,7 +13630,6 @@ var _sfc_main$34 = {
 			const isTrackedChange = Boolean(props.comment?.trackedChange);
 			const targetClientY = getPreferredCommentFocusTargetClientY();
 			const isInstanceScopedDialog = props.floatingInstanceId != null;
-			const currentDialogTop = commentDialogElement.value?.getBoundingClientRect?.().top;
 			const willChangeActiveDialog = !props.comment.resolvedTime && (activeComment.value !== props.comment.commentId || isInstanceScopedDialog && currentFloatingInstanceId.value !== activeFloatingCommentInstanceId.value);
 			let instantAlignmentTargetY = targetClientY;
 			if (v2Adapter) {
@@ -13649,8 +13648,13 @@ var _sfc_main$34 = {
 					if (props.floatingInstanceId) setActiveFloatingCommentInstance(props.floatingInstanceId);
 				}
 				if (willChangeActiveDialog && !isInstanceScopedDialog) requestInstantSidebarAlignment(targetClientY, props.comment.commentId, props.floatingInstanceId ?? null);
-				else if (willChangeActiveDialog && Number.isFinite(currentDialogTop)) requestInstantSidebarAlignment(currentDialogTop, props.comment.commentId, props.floatingInstanceId);
-				else clearInstantSidebarAlignment();
+				else if (isInstanceScopedDialog && !props.comment.resolvedTime) {
+					await require__plugin_vue_export_helper.nextTick();
+					const { entry } = resolveCommentPositionEntry(props.comment);
+					const anchorClientY = getVisibleThreadAnchorClientY(props.parent, props.floatingPositionEntry ?? entry);
+					if (Number.isFinite(anchorClientY)) requestInstantSidebarAlignment(anchorClientY, props.comment.commentId, props.floatingInstanceId);
+					else clearInstantSidebarAlignment();
+				} else clearInstantSidebarAlignment();
 				return result;
 			}
 			if (editor) {
@@ -14343,7 +14347,7 @@ var _sfc_main$34 = {
 		};
 	}
 };
-var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-eefd4750"]]);
+var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-21ad0f69"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$26 = [
@@ -15069,9 +15073,6 @@ var composeAuthorColorResolver = (config) => {
 };
 //#endregion
 //#region src/components/CommentsLayer/floating-comment-positioning.js
-var isPersistentReviewSidebarItem = (comment) => {
-	return Boolean(comment?.trackedChange);
-};
 var normalizeFloatingAnchorTop = (top) => {
 	return top;
 };
@@ -15079,12 +15080,11 @@ var isAnchorOutsideFloatingViewport = (anchorTop, viewportTop, viewportBottom, a
 	if (!Number.isFinite(anchorTop) || !Number.isFinite(viewportTop) || !Number.isFinite(viewportBottom)) return false;
 	return (Number.isFinite(anchorBottom) ? anchorBottom : anchorTop) < viewportTop || anchorTop > viewportBottom;
 };
-var shouldKeepPersistentReviewCardAtAnchor = ({ comment, anchorTop, anchorBottom, viewportTop, viewportBottom }) => {
-	return isPersistentReviewSidebarItem(comment) && isAnchorOutsideFloatingViewport(anchorTop, viewportTop, viewportBottom, anchorBottom);
+var shouldKeepFloatingCardAtAnchor = ({ anchorTop, anchorBottom, viewportTop, viewportBottom }) => {
+	return isAnchorOutsideFloatingViewport(anchorTop, viewportTop, viewportBottom, anchorBottom);
 };
-var resolvePersistentReviewCardTop = ({ comment, anchorTop, anchorBottom, cardHeight, viewportTop, viewportBottom }) => {
-	if (!shouldKeepPersistentReviewCardAtAnchor({
-		comment,
+var resolveOffscreenFloatingCardTop = ({ anchorTop, anchorBottom, cardHeight, viewportTop, viewportBottom }) => {
+	if (!shouldKeepFloatingCardAtAnchor({
 		anchorTop,
 		anchorBottom,
 		viewportTop,
@@ -15169,11 +15169,6 @@ var _sfc_main$31 = {
 					positions[i].top = Math.min(positions[i].anchorTop, bottomEdge);
 					cursor = positions[i].top - gap;
 				}
-				const minTop = Math.min(...positions.map((p) => p.top));
-				if (minTop < 0) {
-					const shift = Math.abs(minTop);
-					for (const p of positions) p.top += shift;
-				}
 			} else for (let i = 1; i < positions.length; i++) {
 				const prev = positions[i - 1];
 				const minTop = prev.top + prev.height + gap;
@@ -15431,8 +15426,7 @@ var _sfc_main$31 = {
 			positions.sort((a, b) => a.anchorTop - b.anchorTop);
 			const collisionPositions = [];
 			for (const position of positions) {
-				const offscreenTop = position.hasAnchorGeometry ? resolvePersistentReviewCardTop({
-					comment: position.commentRef,
+				const offscreenTop = position.hasAnchorGeometry ? resolveOffscreenFloatingCardTop({
 					anchorTop: position.anchorTop,
 					anchorBottom: position.anchorBottom,
 					cardHeight: position.height,
@@ -15643,6 +15637,9 @@ var _sfc_main$31 = {
 			releaseDecisionContinuityForOwnerScroll();
 			refreshViewportWindow();
 		};
+		const handleDocumentScroll = (event) => {
+			if (event.target instanceof Element && event.target.matches(".superdoc__sub-document")) handleOwnerScroll();
+		};
 		const registerOwnerScrollListeners = () => {
 			const addTarget = (target) => {
 				if (!target?.addEventListener || ownerScrollTargets.has(target)) return;
@@ -15650,10 +15647,15 @@ var _sfc_main$31 = {
 				ownerScrollTargets.add(target);
 			};
 			addTarget(props.parent);
+			props.parent?.addEventListener?.("scroll", handleDocumentScroll, {
+				passive: true,
+				capture: true
+			});
 			for (let ancestor = floatingCommentsContainer.value?.parentElement; ancestor; ancestor = ancestor.parentElement) if (SCROLL_OWNER_OVERFLOW_VALUES.has(window.getComputedStyle(ancestor).overflowY)) addTarget(ancestor);
 			addTarget(window);
 		};
 		const unregisterOwnerScrollListeners = () => {
+			props.parent?.removeEventListener?.("scroll", handleDocumentScroll, true);
 			for (const target of ownerScrollTargets) target.removeEventListener?.("scroll", handleOwnerScroll);
 			ownerScrollTargets.clear();
 		};
@@ -15816,14 +15818,16 @@ var _sfc_main$31 = {
 			}
 		});
 		let prevPositionIds = /* @__PURE__ */ new Set();
+		let prevActiveInstanceId = null;
 		let prevActiveAnchorTop = null;
 		let prevActiveLayoutTop = null;
 		require__plugin_vue_export_helper.watch(allPositions, (positions) => {
 			const activePosition = activeCommentInstanceId.value ? positions.find((position) => position.id === activeCommentInstanceId.value) : null;
 			const activeAnchorTop = typeof activePosition?.anchorTop === "number" && Number.isFinite(activePosition.anchorTop) ? activePosition.anchorTop : null;
-			const activeAnchorMoved = activeAnchorTop != null && prevActiveAnchorTop != null && Math.abs(activeAnchorTop - prevActiveAnchorTop) > 1;
+			const sameActiveInstance = activeCommentInstanceId.value === prevActiveInstanceId;
+			const activeAnchorMoved = sameActiveInstance && activeAnchorTop != null && prevActiveAnchorTop != null && Math.abs(activeAnchorTop - prevActiveAnchorTop) > 1;
 			const activeLayoutTop = typeof activePosition?.top === "number" && Number.isFinite(activePosition.top) ? activePosition.top : null;
-			const activeLayoutMoved = activeLayoutTop != null && prevActiveLayoutTop != null && Math.abs(activeLayoutTop - prevActiveLayoutTop) > 1;
+			const activeLayoutMoved = sameActiveInstance && activeLayoutTop != null && prevActiveLayoutTop != null && Math.abs(activeLayoutTop - prevActiveLayoutTop) > 1;
 			if (activeAnchorMoved && sidebarOffsetY.value !== 0 && !Number.isFinite(instantSidebarAlignmentTargetY.value)) {
 				sidebarOffsetY.value = 0;
 				setInstantLayoutTransitionsDisabled(false);
@@ -15836,6 +15840,7 @@ var _sfc_main$31 = {
 					if (!sidebarContinuityAnchor && !Number.isFinite(instantSidebarAlignmentTargetY.value)) setInstantLayoutTransitionsDisabled(false);
 				});
 			}
+			prevActiveInstanceId = activeCommentInstanceId.value;
 			prevActiveAnchorTop = activeAnchorTop;
 			prevActiveLayoutTop = activeLayoutTop;
 			const positionOrder = positions.map((position) => position.id);
@@ -15996,7 +16001,7 @@ var _sfc_main$31 = {
 		};
 	}
 };
-var FloatingComments_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$31, [["__scopeId", "data-v-8262096d"]]);
+var FloatingComments_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$31, [["__scopeId", "data-v-15b59a51"]]);
 //#endregion
 //#region src/components/CommentsLayer/PdfCommentsLayer.vue
 var _hoisted_1$23 = {
@@ -46382,7 +46387,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.22.0";
+		this.version = "2.22.1-next.2";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];