Bug - clearing editorState when blurred doesn't work

Hello, when I tried to use onBlur handler bellow, it doesn’t work and I have no idea why. Otherwise editor works OK, I use the latest version.

Note that:

• yes, the method runs after user blur from editor (and handleBlur is binded to this in contructor)
• it also passes through my condition, so the actual code inside runs
• it triggers another re-render of component after that, but the editorState is not changed

handleBlur() {
    const { resetTextOnBlur, text } = this.props;
    // reset editor to previous value in props
    if (resetTextOnBlur) {
      let editorState = EditorState.push(this.state.editorState, ContentState.createFromText(text));
      this.setState({ editorState });
    }
  }

render() {
    const { placeholder } = this.props;

    return (
      <Editor
        name="message"
        editorState={this.state.editorState}
        keyBindingFn={this.myKeyBindingFn}
        onChange={this.onChange}
        onBlur={this.handleBlur}
        ref="editor"
        placeholder={placeholder}
      />
    );
  }

[calic39]

Thank you very much guys! The solution is listen to getHasFocus() in onChange handler as @JohnONeill suggested. So this way, it works!

onChange(editorState) {
    const { resetTextOnBlur, text } = this.props;
    const focused = editorState.getSelection().getHasFocus();

    focused && this.setState({ editorState });

    if (resetTextOnBlur && !focused) {
      let newEditorState = EditorState.push(this.state.editorState, ContentState.createFromText(text));
      this.setState({ editorState: newEditorState });
    }
  }

[JohnONeill]

@calic39 Maybe you could just listen to the selection state’s getHasFocus() – when it’s false, you know the editor’s blurred, and you can listen to that / restore the original text within your handleChange() handler:

https://jsfiddle.net/9xvLqgka/4/ (just added a line of logging around the selection state handleChange())