Rendering issue with input when characters are typed very fast

[pepsighan]

Version

3.0.0-beta.20

Reproduction link

https://github.com/pepsighan/sudoku

Steps to reproduce

• Run the app.
• Go to the home page.
• Select any one of the given cell.
• Start typing numbers like crazy.

The input is expected to render only one character at a time. But once in a while, it will show 2 or 3 characters being rendered.
This did not happen in vue 2. Reproduction of the same thing in vue 2: https://codesandbox.io/s/admiring-glade-5uevy. Sorry, I could not create a vue 3 sandbox.

What is expected?

The input field should not render the value which is not in the v-model state.

What is actually happening?

The input field is rendering characters which are no longer in the state.

[pepsighan]

I fixed the issue in vue 3 by merging the keydown event handlers into one:
Before
https://github.com/pepsighan/sudoku/blob/730d942967e94bc1bc40160beecfea7dfefe1f3a/src/views/Home.vue#L18-L22

After
https://github.com/pepsighan/sudoku/blob/951fbeb6a21486e12c3462d62c01c82ff5c6602e/src/views/Home.vue#L18-L20

But providing separate event handlers worked just fine in vue 2. What might be the problem?