From ee7eac4331b39fd43eb3633de4279171c8e309c3 Mon Sep 17 00:00:00 2001
From: qirong77 <91405589+qirong77@users.noreply.github.com>
Date: Wed, 8 Mar 2023 21:51:12 +0800
Subject: [PATCH] fix the bug of user can't use 'mod + a' to select or delete
 all nodes when use image(void) element (#5344)

Co-authored-by: linqirong <609413692@qq.com>
---
 site/examples/images.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/site/examples/images.tsx b/site/examples/images.tsx
index b4bfa0696..f4dfe2fc5 100644
--- a/site/examples/images.tsx
+++ b/site/examples/images.tsx
@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react'
 import imageExtensions from 'image-extensions'
 import isUrl from 'is-url'
+import isHotkey from 'is-hotkey'
 import { Transforms, createEditor, Descendant } from 'slate'
 import {
   Slate,
@@ -29,6 +30,12 @@ const ImagesExample = () => {
         <InsertImageButton />
       </Toolbar>
       <Editable
+        onKeyDown={event => {
+          if (isHotkey('mod+a', event)) {
+            event.preventDefault()
+            Transforms.select(editor, [])
+          }
+        }}
         renderElement={props => <Element {...props} />}
         placeholder="Enter some text..."
       />