Use native selectionchange event as opposed to React's onSelect

I want to take a shot at implementing this but before I do I want to see what people think.

Currently, I believe Slate is relying on React’s onSelect event. The problem with that is that it only fires when the user releases their mouse. This causes a desync between the selection state in the editor state and what is actually on the screen mid-highlight. Consider this workflow:

1. User types
2. Some kind of polling mechanism sets of some async actions, (in my case this would be an autosaving service)
3. User starts highlighting text
4. mid-highlight a prop gets updated because of the async autosave call
5. Editor rerenders and resets the selection, causing it to collapse

[YurkaninRyan]

For anyone that comes here and has a similar problem here’s the status, i’m trying to get this in at React core, and i’m waiting for some feedback on my approach from the React team.

But, if you need to fix this problem now, here is what you can do.

Outside your editor, when your editor mounts attach a selectionchange event listener. When you’re editor fires a mousedown event, set a flag that allows for that selection change event to make changes. When your editor fires mouseup set that flag to false. When selectionchange fires, and the editor is the active element, create a selection state, and use change’s select to set it.

[YurkaninRyan]

I’m going to try to get it in there!