fix: imported comments scroll to the bottom

Author: falsaadehh

packages/super-editor/src/extensions/comment/comments-plugin.js

@@ -321,6 +321,17 @@ export const CommentsPlugin = Extension.create({
                   currentBounds,
                   node,
                 });
+                // Add decoration for tracked changes
+                const isActiveTrackedChange = currentActiveThreadId === id;
+                if (isActiveTrackedChange) {
+                  const trackedChangeDeco = Decoration.inline(pos, pos + node.nodeSize, {
+                    style: `border-width: 2px;`,
+                    'data-thread-id': id,
+                    class: 'sd-editor-tracked-change-highlight',
+                  });
+
+                  decorations.push(trackedChangeDeco);
+                }
               }
             });
 

packages/superdoc/src/components/CommentsLayer/CommentDialog.vue

@@ -117,7 +117,8 @@ const setFocus = () => {
   activeComment.value = props.comment.commentId;
   props.comment.setActive(proxy.$superdoc);
   if (editor?.commands?.setCursorById) {
-    editor.commands.setCursorById(activeComment.value);
+    const cursorId = props.comment.importedId || props.comment.commentId;
+    editor.commands.setCursorById(cursorId);
   }
 };
 

packages/superdoc/src/components/CommentsLayer/CommentsLayer.vue

@@ -101,8 +101,10 @@ const getCurrentComments = computed(() => {
 
 watch(activeComment, (newVal) => {
   if (!newVal) return;
-  const element = document.getElementById(newVal);
-  element?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+  const element = document.querySelector(`[data-id="${newVal}"]`);
+  if (element) {
+    element?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+  }
 });
 
 defineExpose({

packages/superdoc/src/components/CommentsLayer/FloatingComments.vue

@@ -65,7 +65,8 @@ const handleDialog = (dialog) => {
     const editorBounds = props.parent.getBoundingClientRect();
 
     const comment = getFloatingComments.value.find((c) => c.commentId === id || c.importedId == id);
-    let position = editorCommentPositions.value[id]?.bounds || {};
+    const positionKey = id || comment?.importedId;
+    let position = editorCommentPositions.value[positionKey]?.bounds || {};
 
     // If this is a PDF, set the position based on selection bounds
     if (props.currentDocument.type === 'application/pdf') {
@@ -127,8 +128,8 @@ watch(activeComment, (newVal, oldVal) => {
 
     const comment = commentsStore.getComment(activeComment.value);
     if (!comment) return (verticalOffset.value = 0);
-
-    const renderedItem = renderedSizes.value.find((item) => item.id === comment.commentId);
+    const commentKey = comment.commentId || comment.importedId;
+    const renderedItem = renderedSizes.value.find((item) => item.id === commentKey);
     if (!renderedItem) return (verticalOffset.value = 0);
 
     const selectionTop = comment.selection.selectionBounds.top;

packages/superdoc/src/stores/comments-store.js

@@ -584,7 +584,8 @@ export const useCommentsStore = defineStore('comments', () => {
         const keys = Object.keys(editorCommentPositions.value);
         const isPdfComment = c.selection?.source !== 'super-editor';
         if (isPdfComment) return true;
-        return keys.includes(c.commentId);
+        const commentKey = c.commentId || c.importedId;
+        return keys.includes(commentKey);
       });
     return comments;
   });