Forcing focus breaks plugins

[ryanmcclure4]

I've noticed that when i call focus() on the Editor, the emoji and mention plugins do not work -- that is, they do not respond to : or @ and suggestions do not populate. I'm guessing focus() is somehow messing with the selectionState...any ideas on this?

[arempe93]

also having this issue, calling focus() breaks mention suggestions but inline toolbar works fine. on v2.0.0-rc2

[arempe93]

tried switching from doing this

// render
<PluginEditor
  ref={el => { this.editor = el }}
  ...
/>

// componentDidMount
this.editor.focus()

to calling focus() on the DOM element directly like so

// componentDidMount
this.editor.getEditorRef().refs.editor.focus()

both focus the editor correctly, but the problems with mentions persisted

[ryanmcclure4]

I was able to find a temporary solution to this problem by using setTimeout on the call to focus:

setTimeout(this.editor.focus, 50)

Strangely enough, this seems to solve the problem even if you set the timeout value to 0.

My original guess on why this works was that there is still something in the mention suggestions that is still in the process of mounting or rendering, but the parent component's componentDidMount should't be called until after all this is complete...so really not sure.

[alixander-stripe]

Any update on this @juliankrispel ? I ran into this issue as well and it's not obvious that focusing would be a blocking issue to having the mentions plugin work. Maybe it could be noted in docs for now

[diegohaz]

I just spent about 2 hours to figure out why my mention and linkify plugin weren't working. That was so frustrating.

We should give more attention to this issue.

[Rafi993]

Any update on this issue ?

[thaoms]

+1

[jack-arms]

+1, can we please at least add documentation for this?