Typing {arrowleft} doesn't change the selection

[Ayc0]

• @testing-library/user-event version: 13.x.x -> 13.1.9
• Testing Framework and version: jest 27 (same behavior in jest 26)
• DOM Environment: jsdom provided by jest

expect(textArea.selectionStart).toBe(5);
fireEvent.type(textArea, "{arrowleft}");
expect(textArea.selectionStart).toBe(4); // ❌  doesn't pass

What happened:

Reproduction repository:

There is a full reproduction here: https://codesandbox.io/s/testing-libraryuser-event-bug-with-arrows-62f7g

Problem description: the selection should be shifted by 1 to the left (to 4) instead of staying at its initial position (at 5)

Suggested solution: No idea

[Ayc0]

I also have a similar bug with initialSelectionStart, I think it's related to the same issue, but I'm not sure (maybe I should open another issue for that):

[ph-fritsche]

There are two things:

1. element.focus() does nothing if the element is not inserted in the DOM. Insert your element somewhere in the body.
2. Textarea is not supported yet. It looks like this will change with feat: keydownBehavior for textarea #686 😄

[Ayc0]

element.focus() does nothing if the element is not inserted in the DOM. Insert your element somewhere in the body.

I had the same issue even when adding the elements to the body, but I updated the sandbox to fix that in the example:

[Ayc0]

Textarea is not supported yet

I didn't know!
Thanks for having linked the PR addressing the issue 🙇