fix: link dialog is on top of the toolbar

Fixes #258
mdx-editor · Dec 23, 2023 · 606e0d7 · 606e0d7
1 parent a2c9896
commit 606e0d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/MDXEditor.tsx b/src/MDXEditor.tsx
@@ -198,6 +198,7 @@ const EditorRootElement: React.FC<{ children: React.ReactNode; className?: strin
   React.useEffect(() => {
     const popupContainer = document.createElement('div')
     popupContainer.classList.add(styles.editorRoot)
+    popupContainer.classList.add(styles.popupContainer)
     if (className) {
       className.split(' ').forEach((c) => {
         popupContainer.classList.add(c)

diff --git a/src/styles/ui.module.css b/src/styles/ui.module.css
@@ -1124,4 +1124,7 @@ form.multiFieldForm {
   font-size: var(--text-xs);
 }
 
-
+.popupContainer {
+  position: relative;
+  z-index: 1;
+}