diff --git a/ui/src/components/MarkdownEditor.tsx b/ui/src/components/MarkdownEditor.tsx index 85b67c32..372b8a4d 100644 --- a/ui/src/components/MarkdownEditor.tsx +++ b/ui/src/components/MarkdownEditor.tsx @@ -566,7 +566,6 @@ export const MarkdownEditor = forwardRef "paperclip-mdxeditor-content focus:outline-none [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_li]:list-item", contentClassName, )} - overlayContainer={containerRef.current} plugins={plugins} /> diff --git a/ui/src/index.css b/ui/src/index.css index a578f5d3..aab6536a 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -591,25 +591,21 @@ a.paperclip-project-mention-chip { white-space: nowrap; } -/* Keep MDXEditor popups above app dialogs when editor is inside a modal. */ -.paperclip-mdxeditor-scope [class*="_dialogOverlay_"], -.paperclip-mdxeditor [class*="_dialogOverlay_"] { +/* Keep MDXEditor popups above app dialogs, even when they portal to . */ +[class*="_popupContainer_"] { + z-index: 81 !important; +} + +[class*="_dialogOverlay_"] { z-index: 80; } -.paperclip-mdxeditor-scope [class*="_dialogContent_"], -.paperclip-mdxeditor-scope [class*="_largeDialogContent_"], -.paperclip-mdxeditor-scope [class*="_popoverContent_"], -.paperclip-mdxeditor-scope [class*="_linkDialogPopoverContent_"], -.paperclip-mdxeditor-scope [class*="_tableColumnEditorPopoverContent_"], -.paperclip-mdxeditor-scope [class*="_toolbarButtonDropdownContainer_"], -.paperclip-mdxeditor-scope [class*="_toolbarNodeKindSelectContainer_"], -.paperclip-mdxeditor [class*="_dialogContent_"], -.paperclip-mdxeditor [class*="_largeDialogContent_"], -.paperclip-mdxeditor [class*="_popoverContent_"], -.paperclip-mdxeditor [class*="_linkDialogPopoverContent_"], -.paperclip-mdxeditor [class*="_tableColumnEditorPopoverContent_"], -.paperclip-mdxeditor [class*="_toolbarButtonDropdownContainer_"], -.paperclip-mdxeditor [class*="_toolbarNodeKindSelectContainer_"] { +[class*="_dialogContent_"], +[class*="_largeDialogContent_"], +[class*="_popoverContent_"], +[class*="_linkDialogPopoverContent_"], +[class*="_tableColumnEditorPopoverContent_"], +[class*="_toolbarButtonDropdownContainer_"], +[class*="_toolbarNodeKindSelectContainer_"] { z-index: 81 !important; }