shadow-dom example features backwards text typing in Firefox

[ottworks]

Description The cursor is being placed at the beginning of the text area after every character typed.

Recording Firefox:

Sandbox https://www.slatejs.org/examples/shadow-dom

Steps To reproduce the behavior:

1. Go to https://www.slatejs.org/examples/shadow-dom on Firefox
2. Click anywhere in the editor
3. Type anything

Expectation Chrome:

Environment

• Slate Version: 0.63.0
• Operating System: Windows 10
• Browser: Firefox 88.0.1

[NikolajHoggins]

Just adding a comment here to add another voice. This issue is quite BIG and makes the text editing experience unusable in a core part of our product. I see a fix to a related issue has been pushed in 0.76.0, but this has not resolved the issue in shadow dom. So still very much a relevant issue!

[idevelop]

Can confirm this happens both on Firefox as well as Safari.

@NikolajHoggins did you ever figure out a workaround or local patch?

[jameskyker]

We really want to use slate as it is an incredible solution! However, this issue is a big problem for us. Removing Shadow DOMs is not an option, and we must support FireFox.

[ryanbrwr]

Has anyone figured out a fix or local solution to this? We use slate in a shadow dom and want to avoid having to refactor our whole app off of it since we overlooked this breaking behavior.