Unwanted selection's restoring when re-focusing

Steps: - Select some characters - Click outside the editor ( or blur ) - Click inside the editor ( or focus )

Instead of creating a new collapsed selection where I clicked, it restores the same selection that I made before blurring. It doesn’t happen when I blur and the selection is collapsed

I was able to solve it “removing” the selection on blur since it doesn’t happen when the selection is collapsed, but I think this is a bug and we I should report it.

It happens on both chrome and firefox, I haven’t tested on others.

  constructor(props) {
    super(props);
    ...
    this.blur = () => this.refs.editor.blur()
    ...
  }

  onBlur(e) {
    setTimeout(this.moveFocusIfNotCollapsed, 0)
  }

  moveFocusIfNotCollapsed() {
    if (!this.state.editorState.getSelection().isCollapsed()) {
      this.setState({
        editorState: EditorState.moveFocusToEnd(this.state.editorState)
      }, this.blur)
    }
  }

  render() {
    const { editorState } = this.state;
    return (
      <div className="note-editor">
        <Editor
          ref="editor"
          blockStyleFn={this.getBlockStyle}
          editorState={editorState}
          onBlur={this.onBlur}
          onChange={this.onChange}
        />
    )
  }

Draft 0.8.1

[elfey]

So how do we fix this?

[dreday966]

So how do we fix this? +1. I spent one hour in this bug, thought this is because moveSelectionToEnd doesn’t work, but I found out that it’s due to chrome. moveSelectionToEnd works in Safari