From b3324db24cdfc08b5eccbc1f8653c418a50474d5 Mon Sep 17 00:00:00 2001
From: Raffy Li <raffy2010@gmail.com>
Date: Sun, 3 Dec 2017 04:06:17 +0800
Subject: [PATCH] fix editor auto focus (#1438)

current implement of auto focus is buggy, HTMLElement.focus method
have no effect on selection state of editor, another re-render will
cause editor blur unexpectedly.
---
 packages/slate-react/src/components/content.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/slate-react/src/components/content.js b/packages/slate-react/src/components/content.js
index 25fe74790..c8daab456 100644
--- a/packages/slate-react/src/components/content.js
+++ b/packages/slate-react/src/components/content.js
@@ -92,6 +92,8 @@ class Content extends React.Component {
    */
 
   componentDidMount = () => {
+    const { editor } = this.props
+
     // Restrict scoped of `beforeinput` to mobile.
     if ((IS_IOS || IS_ANDROID) && SUPPORTED_EVENTS.beforeinput) {
       this.element.addEventListener('beforeinput', this.onNativeBeforeInput)
@@ -100,7 +102,7 @@ class Content extends React.Component {
     this.updateSelection()
 
     if (this.props.autoFocus) {
-      this.element.focus()
+      editor.focus()
     }
   }