Touch screen android TV and firefox gives multiple times occurring letters

[dpranav007]

Description
Touch screen TV(android) + firefox browser creates extra instances of the characters being typed. Typing quickly in some cases makes the characters repeat in sequence.
Only occurs for on-screen keyboard. Not any physically attached one.

Eg. Typing 'ABC'(quickly) results in -> 'ABCABCABABA' being show up
Typing just 1 character - 'A' gets an extra character 'AA'

Recording
From slatejs website - https://www.slatejs.org/examples/richtext

PXL_20240618_152306730.TS.mp4

Sandbox
https://www.slatejs.org/examples/richtext

Steps
To reproduce the behavior:

1. Use touch screen based TV(BENQ 55inch screen used here)
2. Firebox browser(default on this screen)
3. Open slatejs website and start typing using the onscreen keyboard

Expectation
A clear and concise description of what you expected to happen. (Often it's helpful to test out the behavior of other editors like Google Docs, Medium, Notion, etc. to see how they handle the same issue.)

Environment

• Slate Version: 0.105
• Operating System: Android touch screen TV
• Browser: Firebox

[dylans]

@dpranav007 is this just with A-Z, a-z and 0-9 or any keys?

If it's just those keys specifically, it's probably an issue with onbeforeinput events and there's a single regex that you can change to not use native onbeforeinput events.

[dpranav007]

@dylans Yes, the extra character behavior is only for A-Z, a-z.
No extra inputs are visible when input is 0-9 or any special chars ($%^&*, etc)

The behavior is only happening at first input of the input box(when input box is empty) and not further in any sentence.

Also another issue that happens starting a new line/para(after 'enter' key press) the cursor moves 1 character back and letters show up in reverse order. This is applicable to special chars ($%^&*, etc) as well where the cursor moves backward
Sharing a video here. Thanks a lot. Appreciate it!

vid-20240625-123630_3H1n1OXb.mp4