From 100448d55c018351d5a5ffbe18efa207e668f1fb Mon Sep 17 00:00:00 2001
From: Eric Meier <ericmeier@protonmail.com>
Date: Thu, 17 Feb 2022 12:57:30 +0100
Subject: [PATCH] render void spacer in readonly mode (#4840)

---
 .changeset/hip-pigs-film.md                     | 5 +++++
 packages/slate-react/src/components/element.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/hip-pigs-film.md

diff --git a/.changeset/hip-pigs-film.md b/.changeset/hip-pigs-film.md
new file mode 100644
index 000000000..34a1bb4b4
--- /dev/null
+++ b/.changeset/hip-pigs-film.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Render void spacer in readonly mode
diff --git a/packages/slate-react/src/components/element.tsx b/packages/slate-react/src/components/element.tsx
index f77e2db19..8fcc6d145 100644
--- a/packages/slate-react/src/components/element.tsx
+++ b/packages/slate-react/src/components/element.tsx
@@ -96,7 +96,7 @@ const Element = (props: {
     const Tag = isInline ? 'span' : 'div'
     const [[text]] = Node.texts(element)
 
-    children = readOnly ? null : (
+    children = (
       <Tag
         data-slate-spacer
         style={{