From 0eb37e79150275d3535f1694d8972751a83d826f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Laufey=20Rut=20Gu=C3=B0mundsd=C3=B3ttir?= Date: Tue, 20 Sep 2022 21:22:24 +0000 Subject: [PATCH] Make it possible to delete block elements with backspace on Chrome and Safari (#5123) * Make it possible to delete block elements with backspace in chrome and safari * Add changeset --- .changeset/good-cats-warn.md | 5 +++++ packages/slate-react/src/components/editable.tsx | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 .changeset/good-cats-warn.md 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' })