WritingFlow must listen to global events

editor/writing-flow/index.js

@@ -45,6 +45,16 @@ class WritingFlow extends Component {
 		this.verticalRect = null;
 	}
 
+	componentDidMount() {
+		document.addEventListener( 'keydown', this.onKeyDown );
+		document.addEventListener( 'mousedown', this.clearVerticalRect );
+	}
+
+	componentWillUnmount() {
+		document.removeEventListener( 'keydown', this.onKeyDown );
+		document.addEventListener( 'mousedown', this.clearVerticalRect );
+	}
+
 	bindContainer( ref ) {
 		this.container = ref;
 	}
@@ -156,19 +166,11 @@ class WritingFlow extends Component {
 	render() {
 		const { children } = this.props;
 
-		// Disable reason: Wrapper itself is non-interactive, but must capture
-		// bubbling events from children to determine focus transition intents.
-		/* eslint-disable jsx-a11y/no-static-element-interactions */
 		return (
-			<div
-				ref={ this.bindContainer }
-				onKeyDown={ this.onKeyDown }
-				onMouseDown={ this.clearVerticalRect }
-			>
+			<div ref={ this.bindContainer }>
 				{ children }
 			</div>
 		);
-		/* eslint-disable jsx-a11y/no-static-element-interactions */
 	}
 }