v-on:keypress.enter.prevent preventing all input keys from working

[dorianWB]

Vue.js version

2.2.2

Reproduction Link

https://jsfiddle.net/L0q7t4xj/4/

Steps to reproduce

use v-on:keypress.enter.prevent

What is Expected?

enter keypress events will call the given method with the default prevented

What is actually happening?

I'm not entirely sure, but it looks like all keypress defaults are prevented and the given method is called for enter only

[Naeemo]

+1
It seems the .prevent is preventing default behavior for all keypress event(also keydown, keyup).

[amirrustam]

I'm seeing this as well in production after upgrading to 2.2.2. Seems to be a regression!

@keydown.enter.prevent will prevent all keys, which renders an input field unusable.

If I'm not mistaken, there is a unit test for this:

vue/test/unit/features/directives/on.spec.js

Line 532 in 4964b25

it('should only prevent when match keycode', () => {

But I couldn't see the test result within the CI build of the 2.2.2 release: https://circleci.com/gh/vuejs/vue/2929

Without much time to look into this, my quick & dirty temporary fix for this is:
@keydown="$event.keyCode === 13 ? $event.preventDefault() : false" 💩

[Naeemo]

Already resolved #5169.

[amirrustam]

Nice. @posva this issue can be closed.

[anson-GH]

@keyup.enter.native="submitMETHOD"

[dev7ch]

@keypress.13.prevent in for in text input solved it for me

or @keypress.prevent for all inputs

[hongsw]

@keypress.enter.prevent

[alexventuraio]

I had an issue with the enter key, after adding a tag by pressing enter key, it triggers the entire form submission.
To fix it I had to add this to the MultiSelect component @keydown.enter.stop and it worked just fine.