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,14 +41,13 @@
 						:placeholder="$t('team.attributes.descriptionPlaceholder')"
 					/>
 				</FormField>
-			</form>
 
 				<div class="field has-addons mbs-4">
 					<div class="control is-fullwidth">
 						<XButton
 							:loading="teamService.loading"
 							class="is-fullwidth"
-						@click="save()"
+							type="submit"
 						>
 							{{ $t('misc.save') }}
 						</XButton>
@@ -62,6 +61,7 @@
 						/>
 					</div>
 				</div>
+			</form>
 		</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>