vue-repeater icon indicating copy to clipboard operation
vue-repeater copied to clipboard

Form is submitted when new item is submitted

Open iamraju opened this issue 3 years ago • 3 comments

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. Click + icon and the form is submitted automatically.

Expected behavior The form should not be submitted

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: Mac
  • Browser Chrome

Additional context It looks like the Plus/Copy icon buttons are submit type buttons. So when I click plus icon then the form is submitted automatically. Is there a way to prevent form submission but repeater adds the set of form elements ?

iamraju avatar Jun 02 '21 13:06 iamraju

Are these issues being tracked?

moseskamau338 avatar Jul 30 '21 09:07 moseskamau338

This is happening to me as well - fill out one row , click new row, fill it out again, click new row and then the entire form submits and the page loads.

stardothosting avatar Sep 10 '21 20:09 stardothosting

for now, we can use it like this


<div onsubmit="event.preventDefault();">
        <form action="">
    <vue-repeater v-model="fields">
    </vue-repeater>
        </form>
    </div>

AshutoshJha15 avatar Nov 03 '21 08:11 AshutoshJha15