`keyboard()` omits first key when focus changes programmatically

Reproduction example

https://codesandbox.io/p/sandbox/cocky-ardinghelli-pzvt0v

Prerequisites

Test expected behavior in browser

1. Click checkbox so it gets focus
2. Type "foo"
3. See focused input field reading "foo"

Expected behavior

The test should be green because it works in the browser. The first letter "f" should be handled even if focus is changed to the input field programatically while it gets typed.

Actual behavior

The test fails with this result:

Expected the element to have value:
  foo
Received:
  oo

The letter "f" is not registered correctly like it would in the browser.

User-event version

14.4.3

Environment

package.json in codesandbox:

    "jsdom": "^22.0.0",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/user-event": "^14.4.3",
    "@testing-library/vue": "^7.0.0",

Additional context

I don't know if this is also an issue in React and other frameworks because I am mainly using Vue at the moment.

The actual complete component is a combobox where I want to be able to search from anywhere within the component without having to manually focus the input field for faster UX.

Start with the linked CodeSandbox reproduction and the package's keyboard() behavior, checking how focus changes while the first key is typed. Compare the simulated result with the browser, then add coverage showing that typing "foo" after programmatic focus records all three characters; done means the regression test passes.