Fix issue with inline comments introduced when upgrading to React 19

NDLANO · Jan 9, 2025 · 9865477 · 9865477
1 parent 76c767f
commit 9865477
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/SlateEditor/plugins/comment/CommentPopoverPortal.tsx b/src/components/SlateEditor/plugins/comment/CommentPopoverPortal.tsx
@@ -54,7 +54,7 @@ const CommentPopoverPortal = ({ onSave, embed, onDelete, onClose, onOpenChange,
 
   return (
     <Portal>
-      <StyledPopoverContent onMouseDown={(e) => e.preventDefault()}>
+      <StyledPopoverContent>
         <CommentHeader>
           <PopoverTitle>{t("form.comment.comment")}</PopoverTitle>
           <ButtonContainer>

diff --git a/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx b/src/components/SlateEditor/plugins/comment/inline/SlateCommentInline.tsx
@@ -39,7 +39,7 @@ const SlateCommentInline = ({ attributes, editor, element, children }: Props) =>
   const [open, setOpen] = useState(false);
 
   useEffect(() => {
-    setOpen(!!element.isFirstEdit);
+    setTimeout(() => setOpen(!!element.isFirstEdit), 0);
     Transforms.select(editor, ReactEditor.findPath(editor, element));
   }, [editor, element, element.isFirstEdit]);