From 8f794277205c27dcb0352d791f80e7b7eaabc033 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 14 May 2025 13:34:21 +0530
Subject: [PATCH] fix: select text on focus

---
 .../components/Controls/FormattedInput.vue    | 22 ++++++++++++++-----
 frontend/src/components/Controls/Grid.vue     |  2 +-
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Controls/FormattedInput.vue b/frontend/src/components/Controls/FormattedInput.vue
index 0c943da8..69b4d415 100644
--- a/frontend/src/components/Controls/FormattedInput.vue
+++ b/frontend/src/components/Controls/FormattedInput.vue
@@ -1,14 +1,15 @@
 <template>
-  <FormControl
+  <TextInput
+    ref="inputRef"
     :value="displayValue"
-    @focus="isFocused = true"
+    @focus="handleFocus"
     @blur="isFocused = false"
     v-bind="$attrs"
   />
 </template>
 <script setup>
-import { FormControl } from 'frappe-ui'
-import { ref, computed } from 'vue'
+import { TextInput } from 'frappe-ui'
+import { ref, computed, nextTick } from 'vue'
 
 const props = defineProps({
   value: {
@@ -22,8 +23,19 @@ const props = defineProps({
 })
 
 const isFocused = ref(false)
+const inputRef = ref(null)
+
+function handleFocus() {
+  isFocused.value = true
+
+  nextTick(() => {
+    if (inputRef.value) {
+      inputRef.value.el?.select()
+    }
+  })
+}
 
 const displayValue = computed(() => {
-  return isFocused.value ? props.value : props.formattedValue
+  return isFocused.value ? props.value : props.formattedValue || props.value
 })
 </script>
diff --git a/frontend/src/components/Controls/Grid.vue b/frontend/src/components/Controls/Grid.vue
index 620ee471..6b0f2f08 100644
--- a/frontend/src/components/Controls/Grid.vue
+++ b/frontend/src/components/Controls/Grid.vue
@@ -206,7 +206,7 @@
                     :options="field.options"
                     @change="(e) => fieldChange(e.target.value, field, row)"
                   />
-                  <FormControl
+                  <FormattedInput
                     v-else-if="field.fieldtype === 'Int'"
                     class="[&_input]:text-right"
                     type="text"