From 00228f2d984a82323a524194624c064d0d05ddda Mon Sep 17 00:00:00 2001
From: Rucha Mahabal <ruchamahabal2@gmail.com>
Date: Thu, 6 Jun 2024 21:07:47 +0530
Subject: [PATCH] fix: render normal Autocomplete for link fields with
 predefined options

(cherry picked from commit e4c5b9c4b03f98fd3c4c9e7a7ddc1ba4c8d2a295)
---
 frontend/src/components/FormField.vue | 29 +++++++++++++++------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/FormField.vue b/frontend/src/components/FormField.vue
index 38f433a0e6..c441647f03 100644
--- a/frontend/src/components/FormField.vue
+++ b/frontend/src/components/FormField.vue
@@ -14,26 +14,27 @@
 			{{ props.label }}
 		</span>
 
-		<!-- Link -->
-		<Link
-			v-if="props.fieldtype === 'Link'"
-			:doctype="props.options"
-			:modelValue="modelValue"
-			:filters="props.linkFilters"
-			@update:modelValue="(v) => emit('update:modelValue', v)"
-		/>
-
-		<!-- Select -->
+		<!-- Select or Link field with predefined options -->
 		<Autocomplete
-			v-else-if="props.fieldtype === 'Select'"
+			v-if="props.fieldtype === 'Select' || props.documentList"
 			:class="isReadOnly ? 'pointer-events-none' : ''"
 			:placeholder="`Select ${props.label}`"
 			:options="selectionList"
-			@change="(v) => emit('update:modelValue', v?.value)"
+			:modelValue="modelValue"
+			@update:modelValue="(v) => emit('update:modelValue', v?.value)"
 			v-bind="$attrs"
 			:disabled="isReadOnly"
 		/>
 
+		<!-- Link field -->
+		<Link
+			v-else-if="props.fieldtype === 'Link'"
+			:doctype="props.options"
+			:modelValue="modelValue"
+			:filters="props.linkFilters"
+			@update:modelValue="(v) => emit('update:modelValue', v)"
+		/>
+
 		<!-- Text -->
 		<Input
 			v-else-if="
@@ -189,7 +190,9 @@ const isReadOnly = computed(() => {
 })
 
 const selectionList = computed(() => {
-	if (props.fieldtype == "Select" && props.options) {
+	if (props.fieldtype === "Link" && props.documentList) {
+		return props.documentList
+	} else if (props.fieldtype == "Select" && props.options) {
 		const options = props.options.split("\n")
 		return options.map((option) => ({
 			label: option,