From a2b6786d19f8bd5f779c526742a4dc3da971f696 Mon Sep 17 00:00:00 2001 From: Kevin Simons Date: Wed, 12 Oct 2022 17:55:48 +0200 Subject: [PATCH] Ensure the min-height for placeholders is set on the correct editor (#5148) * Ensure the min-height for placeholders is set on the correct editor * Add changeset * Run prettier on changeset Co-authored-by: Dylan Schiemann --- .changeset/funny-sheep-double.md | 5 +++++ packages/slate-react/src/components/leaf.tsx | 5 ++--- 2 files changed, 7 insertions(+), 3 deletions(-) create mode 100644 .changeset/funny-sheep-double.md diff --git a/.changeset/funny-sheep-double.md b/.changeset/funny-sheep-double.md new file mode 100644 index 000000000..5b19693e4 --- /dev/null +++ b/.changeset/funny-sheep-double.md @@ -0,0 +1,5 @@ +--- +'slate-react': patch +--- + +Ensure the min-height for placeholders is set on the correct editor diff --git a/packages/slate-react/src/components/leaf.tsx b/packages/slate-react/src/components/leaf.tsx index 11d2a65d7..ef6ebf649 100644 --- a/packages/slate-react/src/components/leaf.tsx +++ b/packages/slate-react/src/components/leaf.tsx @@ -7,6 +7,7 @@ import { } from '../utils/weak-maps' import { RenderLeafProps, RenderPlaceholderProps } from './editable' import { useSlateStatic } from '../hooks/use-slate-static' +import { ReactEditor } from '..' /** * Individual leaves in a text node with unique formatting. @@ -34,9 +35,7 @@ const Leaf = (props: { useEffect(() => { const placeholderEl = placeholderRef?.current - const editorEl = document.querySelector( - '[data-slate-editor="true"]' - ) + const editorEl = ReactEditor.toDOMNode(editor, editor) if (!placeholderEl || !editorEl) { return