Fix paste emulate

WordPress · Nov 14, 2022 · 075e831 · 075e831
1 parent 16c0fc1
commit 075e831
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/writing-flow/use-input.js b/packages/block-editor/src/components/writing-flow/use-input.js
@@ -129,6 +129,10 @@ export default function useInput() {
 					: anchorNode.parentElement
 			 ).closest( '[contenteditable]' );
 
+			if ( ! anchorElement ) {
+				return;
+			}
+
 			const init = {};
 
 			for ( const key in event ) {

diff --git a/packages/e2e-test-utils/src/press-key-with-modifier.js b/packages/e2e-test-utils/src/press-key-with-modifier.js
@@ -103,10 +103,11 @@ export async function setClipboardData( { plainText = '', html = '' } ) {
 
 async function emulateClipboard( type ) {
 	await page.evaluate( ( _type ) => {
+		const selection = window.getSelection();
+
 		if ( _type !== 'paste' ) {
 			window._clipboardData = new DataTransfer();
 
-			const selection = window.getSelection();
 			const plainText = selection.toString();
 			let html = plainText;
 
@@ -123,7 +124,23 @@ async function emulateClipboard( type ) {
 			window._clipboardData.setData( 'text/html', html );
 		}
 
-		document.activeElement.dispatchEvent(
+		const { anchorNode } = selection;
+
+		if ( ! anchorNode ) {
+			return;
+		}
+
+		const anchorElement = (
+			anchorNode.nodeType === anchorNode.ELEMENT_NODE
+				? anchorNode
+				: anchorNode.parentElement
+		 ).closest( '[contenteditable]' );
+
+		if ( ! anchorElement ) {
+			return;
+		}
+
+		anchorElement.dispatchEvent(
 			new ClipboardEvent( _type, {
 				bubbles: true,
 				cancelable: true,