Password input prevent form submitting when press 'enter'

Only text type input : When I press enter, page is refreshing.

<v-form ref="form">
    <v-text-field prepend-icon="person" name="userNameOrEmail" type="text"
        :label="$t('UserNameOrEmailAddress')" 
        v-model="loginInput.userNameOrEmail" 
        :rules="[requiredError]"></v-text-field>
</v-form>

TO MAKE IT WORK: I am adding @submit.prevent="onSubmit"

---

With password type input : When I press enter, nothing fired.

<v-form ref="form">
    <v-text-field prepend-icon="person" name="userNameOrEmail" type="text"
        :label="$t('UserNameOrEmailAddress')" 
        v-model="loginInput.userNameOrEmail" 
        :rules="[requiredError]"></v-text-field>
    <v-text-field prepend-icon="lock" name="password" type="password"
        :label="$t('Password')" 
        v-model="loginInput.password" 
        :rules="[requiredError]"></v-text-field>
</v-form>

TO MAKE IT WORK: I am adding @keyup.native.enter="onSubmit"

---

I expect to make them work with same the statement @submit.prevent="onSubmit". But this does not work for form that contains password input and it is refreshing. Is this bug?

[jacekkarczmarczyk]

I agree that SPA framework should take care of it but Vuetify is not a SPA framework. It’s an UI framework that could be used both in SPA and non-SPA sites

[KaelWD]

You thought wrong https://github.com/vuetifyjs/vuetify/issues/2159#issuecomment-340242836