diff --git a/.changeset/good-cats-warn.md b/.changeset/good-cats-warn.md new file mode 100644 index 000000000..bbfbf2eb8 --- /dev/null +++ b/.changeset/good-cats-warn.md @@ -0,0 +1,5 @@ +--- +'slate-react': minor +--- + +Make it possible to delete block elements with backspace in Chrome and Safari diff --git a/packages/slate-react/src/components/editable.tsx b/packages/slate-react/src/components/editable.tsx index 4c801687e..40a592565 100644 --- a/packages/slate-react/src/components/editable.tsx +++ b/packages/slate-react/src/components/editable.tsx @@ -1561,7 +1561,8 @@ export const Editable = (props: EditableProps) => { if ( Element.isElement(currentNode) && Editor.isVoid(editor, currentNode) && - Editor.isInline(editor, currentNode) + (Editor.isInline(editor, currentNode) || + Editor.isBlock(editor, currentNode)) ) { event.preventDefault() Editor.deleteBackward(editor, { unit: 'block' })