Adding the autoFocus attribute, closes #101

JedWatson · May 14, 2017 · 6f66087 · 6f66087
1 parent 3cecf93
commit 6f66087
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/example/src/example.js b/example/src/example.js
@@ -37,9 +37,6 @@ var App = createReactClass({
 			readOnly: !this.state.readOnly
 		}, () => this.refs.editor.focus());
 	},
-	interact (cm) {
-		console.log(cm.getValue());
-	},
 	render () {
 		var options = {
 			lineNumbers: true,
@@ -48,7 +45,7 @@ var App = createReactClass({
 		};
 		return (
 			<div>
-				<Codemirror ref="editor" value={this.state.code} onChange={this.updateCode} options={options} interact={this.interact} />
+				<Codemirror ref="editor" value={this.state.code} onChange={this.updateCode} options={options} autoFocus={true} />
 				<div style={{ marginTop: 10 }}>
 					<select onChange={this.changeMode} value={this.state.mode}>
 						<option value="markdown">Markdown</option>

diff --git a/src/Codemirror.js b/src/Codemirror.js
@@ -14,6 +14,7 @@ function normalizeLineEndings (str) {
 
 const CodeMirror = createReactClass({
 	propTypes: {
+		autoFocus: PropTypes.bool,
 		className: PropTypes.any,
 		codeMirrorInstance: PropTypes.func,
 		defaultValue: PropTypes.string,
@@ -116,7 +117,13 @@ const CodeMirror = createReactClass({
 		);
 		return (
 			<div className={editorClassName}>
-				<textarea ref="textarea" name={this.props.path} defaultValue={this.props.value} autoComplete="off" />
+				<textarea
+					ref="textarea"
+					name={this.props.path}
+					defaultValue={this.props.value}
+					autoComplete="off"
+					autoFocus={this.props.autoFocus}
+				/>
 			</div>
 		);
 	},