From 59030f8d44520c27efc3fc987df04833574e0a3c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 10 Jul 2025 16:14:32 +0530
Subject: [PATCH] fix: added disabled & placement prop in Link component

(cherry picked from commit 33e4072430d4fa117bcc95553a6f31593282a18d)
---
 frontend/src/components/Controls/Link.vue          | 2 ++
 frontend/src/components/frappe-ui/Autocomplete.vue | 9 +++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Controls/Link.vue b/frontend/src/components/Controls/Link.vue
index 3cb2d6cd..633f2b2e 100644
--- a/frontend/src/components/Controls/Link.vue
+++ b/frontend/src/components/Controls/Link.vue
@@ -10,6 +10,8 @@
       :size="attrs.size || 'sm'"
       :variant="attrs.variant"
       :placeholder="attrs.placeholder"
+      :disabled="attrs.disabled"
+      :placement="attrs.placement"
       :filterable="false"
     >
       <template #target="{ open, togglePopover }">
diff --git a/frontend/src/components/frappe-ui/Autocomplete.vue b/frontend/src/components/frappe-ui/Autocomplete.vue
index 2ef7f5f3..2e04db2a 100644
--- a/frontend/src/components/frappe-ui/Autocomplete.vue
+++ b/frontend/src/components/frappe-ui/Autocomplete.vue
@@ -1,6 +1,6 @@
 <template>
   <Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }">
-    <Popover class="w-full" v-model:show="showOptions">
+    <Popover class="w-full" v-model:show="showOptions" :placement="placement">
       <template #target="{ open: openPopover, togglePopover }">
         <slot
           name="target"
@@ -34,6 +34,7 @@
                 {{ placeholder || '' }}
               </div>
               <FeatherIcon
+                v-if="!disabled"
                 name="chevron-down"
                 class="absolute h-4 w-4 text-ink-gray-5 right-2"
                 aria-hidden="true"
@@ -142,7 +143,7 @@ import {
   ComboboxOptions,
   ComboboxOption,
 } from '@headlessui/vue'
-import { Popover, Button, FeatherIcon } from 'frappe-ui'
+import { Popover, FeatherIcon } from 'frappe-ui'
 import { ref, computed, useAttrs, useSlots, watch, nextTick } from 'vue'
 
 const props = defineProps({
@@ -174,6 +175,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  placement: {
+    type: String,
+    default: 'bottom-start',
+  },
 })
 const emit = defineEmits(['update:modelValue', 'update:query', 'change'])