Implemented PR feedback

examples/07-collaboration/05-comments/src/App.tsx

@@ -88,7 +88,6 @@ function Document() {
   );
 
   return (
-    // <div style={{ height: "1000px", overflow: "scroll", position: "relative" }}>
     <BlockNoteView
       className={"comments-main-container"}
       editor={editor}
@@ -110,6 +109,5 @@ function Document() {
         />
       </div>
     </BlockNoteView>
-    // </div>
   );
 }

examples/07-collaboration/05-comments/src/style.css

@@ -45,10 +45,3 @@
   max-height: 200px;
   overflow: auto !important;
 }
-
-/* .bn-editor,
-.bn-container {
-  position: relative;
-  overflow: none !important;
-  height: fit-content;
-} */

packages/core/src/extensions/Comments/CommentsPlugin.ts

@@ -268,7 +268,7 @@ export class CommentsPlugin extends BlockNoteExtension {
   /**
    * Set the selected thread
    */
-  public selectThread(threadId: string | undefined, scrollToThread = true) {
+  public selectThread(threadId: string | undefined) {
     if (this.selectedThreadId === threadId) {
       return;
     }
@@ -280,7 +280,7 @@ export class CommentsPlugin extends BlockNoteExtension {
       }),
     );
 
-    if (threadId && scrollToThread) {
+    if (threadId) {
       const selectedThreadPosition = this.threadPositions.get(threadId);
 
       if (!selectedThreadPosition) {
@@ -289,11 +289,10 @@ export class CommentsPlugin extends BlockNoteExtension {
 
       // When a new thread is selected, scrolls the page to its reference text in
       // the editor.
-      const node = this.editor.prosemirrorView?.domAtPos(
-        selectedThreadPosition.from,
-      ).node as Element | undefined;
-
-      node?.scrollIntoView({
+      (
+        this.editor.prosemirrorView?.domAtPos(selectedThreadPosition.from)
+          .node as Element | undefined
+      )?.scrollIntoView({
         behavior: "smooth",
         block: "center",
       });