Fix iframe event bubbling

packages/block-editor/src/components/iframe/index.js

@@ -34,10 +34,12 @@ import { store as blockEditorStore } from '../../store';
 function bubbleEvent( event, Constructor, frame ) {
 	const init = {};
 
+	const ignoredProperties = [ 'bubbles' ];
 	for ( const key in event ) {
-		init[ key ] = event[ key ];
+		if ( ! ignoredProperties.includes( key ) ) {
+			init[ key ] = event[ key ];
+		}
 	}
-
 	if ( event instanceof frame.ownerDocument.defaultView.MouseEvent ) {
 		const rect = frame.getBoundingClientRect();
 		init.clientX += rect.left;

storybook/stories/playground/box/index.js

@@ -23,11 +23,7 @@ export default function EditorBox() {
 	}, [] );
 
 	return (
-		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
-		<div
-			className="editor-box"
-			onKeyDown={ ( event ) => event.stopPropagation() }
-		>
+		<div className="editor-box">
 			<BlockEditorProvider
 				value={ blocks }
 				onInput={ updateBlocks }

storybook/stories/playground/fullpage/index.js

@@ -33,11 +33,7 @@ export default function EditorFullPage() {
 	} );
 
 	return (
-		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
-		<div
-			className="playground"
-			onKeyDown={ ( event ) => event.stopPropagation() }
-		>
+		<div className="playground">
 			<BlockEditorProvider
 				value={ blocks }
 				onInput={ updateBlocks }

storybook/stories/playground/with-undo-redo/index.js

@@ -27,11 +27,7 @@ export default function EditorWithUndoRedo() {
 	}, [] );
 
 	return (
-		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
-		<div
-			className="editor-with-undo-redo"
-			onKeyDown={ ( event ) => event.stopPropagation() }
-		>
+		<div className="editor-with-undo-redo">
 			<BlockEditorProvider
 				value={ value.blocks }
 				selection={ value.selection }