From 7a8d46a51d30583c24bbae04f4ac739b933c7c70 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Sat, 7 Sep 2024 03:08:52 +0530
Subject: [PATCH] added timeout to avoid appending of blocks (#6725)

@FelixMalfait
fixes #6724
Thanks :)

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
---
 .../src/modules/activities/components/RichTextEditor.tsx  | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/activities/components/RichTextEditor.tsx b/packages/twenty-front/src/modules/activities/components/RichTextEditor.tsx
index 32c344988..c6842395f 100644
--- a/packages/twenty-front/src/modules/activities/components/RichTextEditor.tsx
+++ b/packages/twenty-front/src/modules/activities/components/RichTextEditor.tsx
@@ -256,10 +256,16 @@ export const RichTextEditor = ({
 
   const handleBodyChangeDebounced = useDebouncedCallback(handleBodyChange, 500);
 
+  // See https://github.com/twentyhq/twenty/issues/6724 for explanation
+  const setActivityBodyDebouncedToAvoidDragBug = useDebouncedCallback(
+    setActivityBody,
+    100,
+  );
+
   const handleEditorChange = () => {
     const newStringifiedBody = JSON.stringify(editor.document) ?? '';
 
-    setActivityBody(newStringifiedBody);
+    setActivityBodyDebouncedToAvoidDragBug(newStringifiedBody);
 
     handleBodyChangeDebounced(newStringifiedBody);
   };