feat: ensure forms submit on Enter (#959)

frontend/src/components/project/views/ViewEditForm.vue

@@ -121,7 +121,10 @@ function handleBubbleSave() {
 </script>
 
 <template>
-	<form @focusout="handleBubbleSave">
+	<form
+		@focusout="handleBubbleSave"
+		@submit.prevent="save"
+	>
 		<FormField
 			id="title"
 			v-model="view.title"
@@ -271,7 +274,7 @@ function handleBubbleSave() {
 			</XButton>
 			<XButton
 				:loading="loading"
-				@click="save"
+				type="submit"
 			>
 				{{ $t('misc.save') }}
 			</XButton>

frontend/src/views/filters/FilterEdit.vue

@@ -40,6 +40,11 @@
 					:change-immediately="true"
 				/>
 			</FormField>
+			<button
+				type="submit"
+				class="is-hidden"
+				tabindex="-1"
+			/>
 		</form>
 	</CreateEdit>
 </template>

frontend/src/views/labels/ListLabels.vue

@@ -80,7 +80,7 @@
 								<XButton
 									:loading="loading"
 									class="is-fullwidth"
-									@click="editLabelSubmit()"
+									type="submit"
 								>
 									{{ $t('misc.save') }}
 								</XButton>

frontend/src/views/teams/EditTeam.vue

@@ -41,27 +41,27 @@
 						:placeholder="$t('team.attributes.descriptionPlaceholder')"
 					/>
 				</FormField>
-			</form>
 
-			<div class="field has-addons mbs-4">
+				<div class="field has-addons mbs-4">
-				<div class="control is-fullwidth">
+					<div class="control is-fullwidth">
-					<XButton
+						<XButton
-						:loading="teamService.loading"
+							:loading="teamService.loading"
-						class="is-fullwidth"
+							class="is-fullwidth"
-						@click="save()"
+							type="submit"
-					>
+						>
-						{{ $t('misc.save') }}
+							{{ $t('misc.save') }}
-					</XButton>
+						</XButton>
+					</div>
+					<div class="control">
+						<XButton
+							:loading="teamService.loading"
+							danger
+							icon="trash-alt"
+							@click="showDeleteModal = true"
+						/>
+					</div>
 				</div>
-				<div class="control">
+			</form>
-					<XButton
-						:loading="teamService.loading"
-						danger
-						icon="trash-alt"
-						@click="showDeleteModal = true"
-					/>
-				</div>
-			</div>
 		</Card>
 
 		<Card

frontend/src/views/user/settings/ApiTokens.vue

@@ -375,7 +375,7 @@ function toggleGroupPermissionsFromChild(group: string, checked: boolean) {
 			</p>
 			<XButton
 				:loading="service.loading"
-				@click="createToken"
+				type="submit"
 			>
 				{{ $t('user.settings.apiTokens.createToken') }}
 			</XButton>