vee-validate icon indicating copy to clipboard operation
vee-validate copied to clipboard

Pressing Enter to submit form does not work in ValidationObserver with multiple inputs

Open brantrusnak opened this issue 9 months ago • 0 comments

What happened?

Adding multiple input to a <ValidationObserver> prevents @submit from being called with the Enter key.

Reproduction steps

  1. In the first form, enter text to the input and press enter to submit.
  2. Form1 onSubmit() called. is logged to the console.
  3. In the second form, enter text to both inputs and press enter to submit.
  4. Form2 onSubmit() called. is not logged to the console.

Version

Vue.js 2.x and vee-validate 3.x

What browsers are you seeing the problem on?

  • [x] Firefox
  • [X] Chrome
  • [ ] Safari
  • [ ] Microsoft Edge

Relevant log output

No response

Demo link

https://codesandbox.io/p/sandbox/laughing-mcnulty-63zfqw

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct

brantrusnak avatar Jan 15 '25 22:01 brantrusnak