Korean input trigger keydown event twice

[dl0312]

Version

2.6.10

Reproduction link

https://jsfiddle.net/0zj6narq/42/

Steps to reproduce

1. type Korean input
2. keydown event like Arrow Up, Down, Left, Right, Enter, Tab ...

What is expected?

keydown event just triggered once

What is actually happening?

keydown event just triggered doubled

---

In addition to this bug, there's many bugs related to CJK language
I love Vue but these bugs make me hard to use Vue 😥

[posva]

I don't get composition in Korean but I do get it in latin languages and Japanese and I couldn't reproduce the bug. I tried different settings for Korean on OSX but there isn't any composition. It may be related to the software you use, triggering the keydown event twice.

If the problem also appears with plain JS (https://jsfiddle.net/posva/kyjfca39/), you should report the bug to the input software you are using

[brosbunbo]

@posva Having this issue as well, please have a more serious look in to it.

Thanks and Best Regards.

[ramachandran-p]

facing same issues..any update ?

[CAT6e]

Similar issue here, I've got a problem with <input @keydown.enter on Japanese typing. I just press enter to confirm the kana, turns out it triggers as I pressed enter, the value of v-model bound with the input is still empty at the moment.

[imtherealk]

I did more test, and found out this problem also appears with plain JavaScript.
It's not a bug in Vue.js, but a browser problem. (maybe something related to IME)
It works weird in chrome, but works normally in safari.

I won't delete my comment below for reference.

---

I'm also facing the similar issues.

If I insert korean characters in <input> tag without moving the cursor, and press down & hold the Enter key,

1. keydown event occurs (normal)
2. keyup event occurs (unexpected)
3. keydown event occurs (unexpected)
4. keypress event occurs (normal)
5. keydown & keypress event occurs continuously until enter key is released. (normal)
   And when I release the Enter key,
6. keyup event occurs (normal)

Step 2 & 3 are unexpected behaviors.

If I move the cursor after inserting korean characters, and then press the Enter key, it works perfectly. But it's not "Good UX" for korean users.

This is a link to minimal reproduction code: https://jsfiddle.net/imtherealk/kepotw0x/50/

fyi.
You can enable 2-Set Korean input method on your mac
https://macinfo.us/how-to-type-korean-characters-on-your-mac/

[suyoungDev]

how to fix:

eventTarget.addEventListener("keydown", event => { 
  if (event.isComposing || event.keyCode === 229)  return; 
  //  ...code..
});

if you can read Korean, here's an article describes why this happens and how to fix.