Merge branch 'fix/classnames-in-popup-container'

mdx-editor · Sep 16, 2023 · 67c204f · 67c204f
2 parents 43f3af5 + 5ee7eed
commit 67c204f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/MDXEditor.tsx b/src/MDXEditor.tsx
@@ -172,13 +172,18 @@ const EditorRootElement: React.FC<{ children: React.ReactNode; className?: strin
   React.useEffect(() => {
     const popupContainer = document.createElement('div')
     popupContainer.classList.add(styles.editorRoot)
+    if (className) {
+      className.split(' ').forEach((c) => {
+        popupContainer.classList.add(c);
+      });
+    }
     document.body.appendChild(popupContainer)
     editorRootElementRef.current = popupContainer
     setEditorRootElementRef(editorRootElementRef)
     return () => {
       document.body.removeChild(popupContainer)
     }
-  }, [editorRootElementRef, setEditorRootElementRef])
+  }, [className, editorRootElementRef, setEditorRootElementRef])
   return <div className={classNames(styles.editorRoot, styles.editorWrapper, className, 'mdxeditor')}>{children}</div>
 }