fix: fix incorrect placeholder when both hideOnBlur and composing occurs

udecode · Sep 14, 2024 · 5e4b047 · 5e4b047
1 parent 1ba3feb
commit 5e4b047
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/.changeset/twenty-cows-count.md b/.changeset/twenty-cows-count.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-utils': minor
+---
+
+Suppress all placeholders when element is composing
diff --git a/packages/plate-utils/src/react/usePlaceholder.ts b/packages/plate-utils/src/react/usePlaceholder.ts
@@ -26,17 +26,13 @@ export const usePlaceholderState = ({
   const composing = useComposing();
   const editor = useEditorRef();
 
-  const isEmptyBlock = isElementEmpty(editor, element);
+  const isEmptyBlock = isElementEmpty(editor, element) && !composing;
 
   const enabled =
     isEmptyBlock &&
     (!query || queryNode([element, findNodePath(editor, element)!], query)) &&
     (!hideOnBlur ||
-      (isCollapsed(editor.selection) &&
-        hideOnBlur &&
-        focused &&
-        selected &&
-        !composing));
+      (isCollapsed(editor.selection) && hideOnBlur && focused && selected));
 
   return {
     enabled,