Fix issues related to selecting all text

packages/rich-text/src/editor.js

@@ -17,7 +17,7 @@
 /**
  * External dependencies
  */
-import { Editor } from 'draft-js';
+import { Editor, getDefaultKeyBinding, KeyBindingUtil } from 'draft-js';
 import PropTypes from 'prop-types';
 import {
   useEffect,
@@ -82,6 +82,15 @@ function RichTextEditor({ content, onChange }, ref) {
     return null;
   }
 
+  const { hasCommandModifier } = KeyBindingUtil;
+
+  function bindKeys(e) {
+    if (e.code === 'KeyA' && hasCommandModifier(e)) {
+      return 'selectall';
+    }
+    return getDefaultKeyBinding(e);
+  }
+
   // Handle basic key commands such as bold, italic and underscore.
   const handleKeyCommand = getHandleKeyCommand();
   return (
@@ -91,6 +100,7 @@ function RichTextEditor({ content, onChange }, ref) {
       editorState={editorState}
       handleKeyCommand={handleKeyCommand}
       handlePastedText={handlePastedText}
+      keyBindingFn={bindKeys}
       customStyleFn={customInlineDisplay}
       spellCheck
       stripPastedStyles

packages/rich-text/src/util.js

@@ -17,7 +17,7 @@
 /**
  * External dependencies
  */
-import { SelectionState } from 'draft-js';
+import { EditorState, SelectionState } from 'draft-js';
 import { filterEditorState } from 'draftjs-filters';
 
 /**
@@ -63,6 +63,12 @@ function getStateFromCommmand(command, oldEditorState) {
     case 'uppercase':
       return uppercaseFormatter.setters.toggleUppercase(oldEditorState);
 
+    case 'selectall':
+      return EditorState.forceSelection(
+        oldEditorState,
+        getSelectionForAll(oldEditorState.getCurrentContent())
+      );
+
     default:
       return null;
   }

packages/story-editor/src/karma/element-library/text/edit.karma.js

@@ -149,6 +149,32 @@ describe('TextEdit integration', () => {
           '<span style="font-weight: 700">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>'
         );
       });
+
+      it('should select all text and delete it', async () => {
+        await fixture.events.mouse.clickOn(frame, 30, 5); // enter the edit mode by clicking
+
+        // Needed because of https://github.com/puppeteer/puppeteer/issues/1313
+        if (navigator.userAgentData.platform === 'macOS') {
+          document.execCommand('selectAll'); // not the same as mod+a, but does work on macOS
+        } else {
+          await fixture.events.keyboard.shortcut('mod+a'); // doesn't work on macOS, works on Ubuntu
+        }
+        const text = '461';
+        await fixture.events.keyboard.type(text);
+
+        // Exit edit mode using the Esc key
+        await fixture.events.keyboard.press('Esc');
+
+        // The element is still selected and updated.
+        await waitFor(async () => {
+          const story = await fixture.renderHook(() => useStory());
+          if (!story.state.selectedElements.length) {
+            throw new Error('story not ready');
+          }
+
+          expect(story.state.selectedElements[0].content).toEqual(text);
+        });
+      });
     });
 
     describe('shortcuts', () => {