fix(editor): keep container measurable while loading for comments

packages/react/AGENTS.md

@@ -62,7 +62,7 @@ Pass `contained` to scroll inside a fixed-height parent. The wrapper must have a
 
 ## SSR Behavior
 
-- Container divs are always rendered (hidden with `display: none` until initialized)
+- Container divs are always rendered and remain measurable while loading
 - No `isClient` state or extra rerender — containers exist from first render
 - SuperDoc initializes in `useEffect` (client-side only) and mounts into the existing containers
 - `renderLoading()` shown alongside hidden containers until initialization completes

packages/react/src/SuperDocEditor.test.tsx

@@ -84,6 +84,18 @@ describe('SuperDocEditor', () => {
 
       expect(container.querySelector('[data-testid="loading"]')).toBeTruthy();
     });
+
+    it('keeps the editor container measurable while loading', () => {
+      const { container } = render(
+        <SuperDocEditor renderLoading={() => <div data-testid='loading'>Loading...</div>} />,
+      );
+
+      const editorContainer = container.querySelector('.superdoc-editor-container') as HTMLElement;
+
+      expect(editorContainer.style.display).not.toBe('none');
+      expect(editorContainer.style.visibility).toBe('hidden');
+      expect(editorContainer.style.pointerEvents).toBe('none');
+    });
   });
 
   describe('callbacks', () => {

packages/react/src/SuperDocEditor.tsx

@@ -245,7 +245,9 @@ function SuperDocEditorInner(props: SuperDocEditorProps, ref: ForwardedRef<Super
   }, [documentProp, user, users, modules, role, hideToolbar, contained, containerId, toolbarId]);
 
   const wrapperClassName = ['superdoc-wrapper', className].filter(Boolean).join(' ');
-  const hideWhenLoading: CSSProperties | undefined = isLoading ? { display: 'none' } : undefined;
+  const hideWhenLoading: CSSProperties | undefined = isLoading
+    ? { visibility: 'hidden', pointerEvents: 'none' }
+    : undefined;
 
   const wrapperStyle: CSSProperties = {
     ...style,