Restore but only selectively

packages/rich-text/src/component/index.js

@@ -17,6 +17,7 @@ import { useCopyHandler } from './use-copy-handler';
 import { useFormatBoundaries } from './use-format-boundaries';
 import { useSelectObject } from './use-select-object';
 import { useInputAndSelection } from './use-input-and-selection';
+import { useSelectionChangeCompat } from './use-selection-change-compat';
 import { useDelete } from './use-delete';
 
 export function useRichText( {
@@ -240,6 +241,7 @@ export function useRichText( {
 			isSelected,
 			onSelectionChange,
 		} ),
+		useSelectionChangeCompat(),
 		useRefEffect( () => {
 			applyFromProps();
 			didMount.current = true;

packages/rich-text/src/component/use-input-and-selection.js

@@ -113,7 +113,7 @@ export function useInputAndSelection( props ) {
 
 		/**
 		 * Syncs the selection to local state. A callback for the
-		 * `selectionchange`, `keyup`, `mouseup` and `touchend` events.
+		 * `selectionchange` native events.
 		 *
 		 * @param {Event} event
 		 */

packages/rich-text/src/component/use-selection-change-compat.js

@@ -0,0 +1,48 @@
+/**
+ * WordPress dependencies
+ */
+import { useRefEffect } from '@wordpress/compose';
+
+/**
+ * Sometimes some browsers are not firing a `selectionchange` event when
+ * changing the selection by mouse or keyboard. This hook makes sure that, if we
+ * detect no `selectionchange` or `input` event between the up and down events,
+ * we fire a `selectionchange` event.
+ *
+ * @return {import('@wordpress/compose').RefEffect} A ref effect attaching the
+ *                                                  listeners.
+ */
+export function useSelectionChangeCompat() {
+	return useRefEffect( ( element ) => {
+		const { ownerDocument } = element;
+
+		function onDown( event ) {
+			const type = event.type === 'keydown' ? 'keyup' : 'pointerup';
+
+			function onCancel() {
+				ownerDocument.removeEventListener( type, onUp );
+				ownerDocument.removeEventListener(
+					'selectionchange',
+					onCancel
+				);
+				ownerDocument.removeEventListener( 'input', onCancel );
+			}
+
+			function onUp() {
+				onCancel();
+				ownerDocument.dispatchEvent( new Event( 'selectionchange' ) );
+			}
+
+			ownerDocument.addEventListener( type, onUp );
+			ownerDocument.addEventListener( 'selectionchange', onCancel );
+			ownerDocument.addEventListener( 'input', onCancel );
+		}
+
+		element.addEventListener( 'pointerdown', onDown );
+		element.addEventListener( 'keydown', onDown );
+		return () => {
+			element.removeEventListener( 'pointerdown', onDown );
+			element.removeEventListener( 'keydown', onDown );
+		};
+	}, [] );
+}