- Renaming content prop to initialContent and prefilling the state in…

… the constructor

- Adding type="button" to buttons

editor/editor/index.js

@@ -12,7 +12,7 @@ export default class Editor {
 
 	render() {
 		wp.element.render(
-			<EditorLayout content={ this.settings.content } />,
+			<EditorLayout initialContent={ this.settings.content } />,
 			document.getElementById( this.id )
 		);
 	}

editor/editor/layout.js

@@ -6,25 +6,18 @@ import EditorText from './mode/text';
 import EditorVisual from './mode/visual';
 
 class Layout extends wp.element.Component {
-	constructor() {
+	constructor( props ) {
 		super( ...arguments );
 		this.switchMode = this.switchMode.bind( this );
 		this.changeHtml = this.changeHtml.bind( this );
 		this.changeBlocks = this.changeBlocks.bind( this );
 		this.state = {
 			mode: 'visual',
-			html: '',
-			blocks: []
+			html: props.initialContent,
+			blocks: wp.blocks.parse( this.props.initialContent )
 		};
 	}
 
-	componentDidMount() {
-		this.setState( {
-			html: this.props.content,
-			blocks: wp.blocks.parse( this.props.content )
-		} );
-	}
-
 	switchMode( newMode ) {
 		// TODO: we need a serializer from blocks here
 		const html = this.state.html;

editor/editor/mode-switcher.js

@@ -7,8 +7,7 @@ class ModeSwitcher extends wp.element.Component {
 		};
 	}
 
-	toggle( event ) {
-		event.preventDefault();
+	toggle() {
 		this.setState( {
 			opened: ! this.state.opened
 		} );
@@ -40,7 +39,7 @@ class ModeSwitcher extends wp.element.Component {
 					<div className="editor-mode-switcher__content">
 						<div className="editor-mode-switcher__arrow" />
 						{ modes.map( ( mode ) =>
-							<button key={ mode.value } onClick={ switchMode( mode.value ) }>
+							<button key={ mode.value } type="button" onClick={ switchMode( mode.value ) }>
 								{ mode.label }
 							</button>
 						) }

editor/inserter/button.js

@@ -12,8 +12,7 @@ class InserterButton extends wp.element.Component {
 		};
 	}
 
-	toggle( event ) {
-		event.preventDefault();
+	toggle() {
 		this.setState( {
 			opened: ! this.state.opened
 		} );
@@ -27,6 +26,7 @@ class InserterButton extends wp.element.Component {
 				<button
 					className="inserter__button-toggle"
 					onClick={ this.toggle }
+					type="button"
 					aria-label="Add a block"
 				>
 					<span className="dashicons dashicons-plus" />