fix(task): show related tasks form with shortcut even when there are already other related tasks

Resolves https://github.com/go-vikunja/frontend/issues/122

src/components/tasks/partials/relatedTasks.vue

@@ -9,6 +9,7 @@
 			variant="secondary"
 			icon="plus"
 			:shadow="false"
+			id="showRelatedTasksFormButton"
 		/>
 		<transition-group name="fade">
 			<template v-if="editEnabled && showCreate">

src/views/tasks/TaskDetailView.vue

@@ -378,7 +378,7 @@
 							{{ $t('task.detail.actions.attachments') }}
 						</x-button>
 						<x-button
-							@click="setFieldActive('relatedTasks')"
+							@click="setRelatedTasksActive()"
 							variant="secondary"
 							icon="sitemap"
 							v-shortcut="'r'"
@@ -777,6 +777,19 @@ async function removeRepeatAfter() {
 	task.value.repeatMode = TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT
 	await saveTask()
 }
+
+function setRelatedTasksActive() {
+	setFieldActive('relatedTasks')
+
+	// If the related tasks are already available, show the form again
+	const el = activeFieldElements['relatedTasks']
+	for (const child in el?.children) {
+		if (el?.children[child]?.id === 'showRelatedTasksFormButton') {
+			el?.children[child]?.click()
+			break
+		}
+	}
+}
 </script>
 
 <style lang="scss" scoped>