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