[Safari] Selection is locked in a nested editable

[Reinmar]

You can't leave a nested editable by clicking somewhere in editor's content outside of that nested editable because engine re-renders selection inside that nested editable:

I can reproduce it e.g. here: https://ckeditor5.github.io/docs/nightly/ckeditor5/latest/examples/builds/classic-editor.html

[scofalik]

Looks serious, how it is possible and how did we missed it? Why would the selection be rendered there?

[pjasiun]

So many questions, so few answers.

[Reinmar]

[scofalik]

Could be related to #4188

[scofalik]

TBH, I cannot reproduce it. I am using Safari version Version 11.0 (12604.1.38.1.7)

[Reinmar]

Do you try it in the docs?

I can reproduce it even on https://ckeditor5.github.io

Safari Version 11.0 (12604.1.38.1.7)

[scofalik]

Yes, I tried in docs:

[Reinmar]

Strange. I can constantly reproduce it. I even changed the way I click (mouse vs trackpad). Dunno. So, let's wait for other to reproduce it.

[Mgsy]

how did we missed it?

We didn't :D #557.

I will close the issue in the main repository.

[scofalik]

If you can reproduce it, can you go to file ckeditor5-engine/src/view/observer/focusobserver.js, and change:

this._renderTimeoutId = setTimeout( () => document.render(), 0 );

to

this._renderTimeoutId = setTimeout( () => document.render(), 100 );

And see if that helped?

[scofalik]

Okay for some reason I started to be able to reproduce it :O. I can confirm that the fix above does help.

[Mgsy]

I can confirm that the fix above does help.

I also checked it and it works great 👍