From 4ee29f9972a93e3c390c5a63bcd9064636ec9459 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 10 Jan 2026 21:21:15 +0100
Subject: [PATCH] refactor(frontend): use FormField scoped slot id for select
 elements

Update FormField usages with slotted select elements to use the
exposed id from the scoped slot, ensuring label-input association
works correctly.
---
 .../components/project/views/ViewEditForm.vue | 40 ++++++++++---------
 .../src/components/sharing/LinkSharing.vue    | 34 ++++++++--------
 2 files changed, 39 insertions(+), 35 deletions(-)

diff --git a/frontend/src/components/project/views/ViewEditForm.vue b/frontend/src/components/project/views/ViewEditForm.vue
index 5f1a8c94e..40e6c4993 100644
--- a/frontend/src/components/project/views/ViewEditForm.vue
+++ b/frontend/src/components/project/views/ViewEditForm.vue
@@ -133,25 +133,27 @@ function handleBubbleSave() {
 		/>
 
 		<FormField :label="$t('project.views.kind')">
-			<div class="select">
-				<select
-					id="kind"
-					v-model="view.viewKind"
-				>
-					<option value="list">
-						{{ $t('project.list.title') }}
-					</option>
-					<option value="gantt">
-						{{ $t('project.gantt.title') }}
-					</option>
-					<option value="table">
-						{{ $t('project.table.title') }}
-					</option>
-					<option value="kanban">
-						{{ $t('project.kanban.title') }}
-					</option>
-				</select>
-			</div>
+			<template #default="{ id }">
+				<div class="select">
+					<select
+						:id="id"
+						v-model="view.viewKind"
+					>
+						<option value="list">
+							{{ $t('project.list.title') }}
+						</option>
+						<option value="gantt">
+							{{ $t('project.gantt.title') }}
+						</option>
+						<option value="table">
+							{{ $t('project.table.title') }}
+						</option>
+						<option value="kanban">
+							{{ $t('project.kanban.title') }}
+						</option>
+					</select>
+				</div>
+			</template>
 		</FormField>
 
 		<label
diff --git a/frontend/src/components/sharing/LinkSharing.vue b/frontend/src/components/sharing/LinkSharing.vue
index ac4df074c..658406ffc 100644
--- a/frontend/src/components/sharing/LinkSharing.vue
+++ b/frontend/src/components/sharing/LinkSharing.vue
@@ -25,22 +25,24 @@
 				class="p-4"
 			>
 				<FormField :label="$t('project.share.permission.title')">
-					<div class="select">
-						<select
-							id="linkShareRight"
-							v-model="selectedPermission"
-						>
-							<option :value="PERMISSIONS.READ">
-								{{ $t('project.share.permission.read') }}
-							</option>
-							<option :value="PERMISSIONS.READ_WRITE">
-								{{ $t('project.share.permission.readWrite') }}
-							</option>
-							<option :value="PERMISSIONS.ADMIN">
-								{{ $t('project.share.permission.admin') }}
-							</option>
-						</select>
-					</div>
+					<template #default="{ id }">
+						<div class="select">
+							<select
+								:id="id"
+								v-model="selectedPermission"
+							>
+								<option :value="PERMISSIONS.READ">
+									{{ $t('project.share.permission.read') }}
+								</option>
+								<option :value="PERMISSIONS.READ_WRITE">
+									{{ $t('project.share.permission.readWrite') }}
+								</option>
+								<option :value="PERMISSIONS.ADMIN">
+									{{ $t('project.share.permission.admin') }}
+								</option>
+							</select>
+						</div>
+					</template>
 				</FormField>
 				<FormField
 					id="linkShareName"