From 85e0dfb76ac0e7c45ff2391d813524ae5d017864 Mon Sep 17 00:00:00 2001
From: NotAbdelrahmanelsayed <NotAbdelrahmanelsayed@users.noreply.github.com>
Date: Sun, 29 Mar 2026 11:38:35 +0200
Subject: [PATCH] feat: auto-select quantity input when UOM dialog opens

When the ItemSelectionDialog opens in "uom" mode, automatically focus
and select the quantity input so users can immediately type a new value
without needing to manually clear the field.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 POS/src/components/sale/ItemSelectionDialog.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/POS/src/components/sale/ItemSelectionDialog.vue b/POS/src/components/sale/ItemSelectionDialog.vue
index 0f474f3a..a502a96c 100644
--- a/POS/src/components/sale/ItemSelectionDialog.vue
+++ b/POS/src/components/sale/ItemSelectionDialog.vue
@@ -118,6 +118,7 @@
 							</button>
 							<div class="flex-1 h-full flex items-center justify-center px-3">
 								<input
+									ref="quantityInput"
 									v-model.number="quantity"
 									type="number"
 									min="1"
@@ -236,7 +237,7 @@
 import { DEFAULT_CURRENCY, formatCurrency as formatCurrencyUtil } from "@/utils/currency"
 import { Button, Dialog } from "frappe-ui"
 import { createResource } from "frappe-ui"
-import { computed, ref, watch } from "vue"
+import { computed, nextTick, ref, watch } from "vue"
 import TranslatedHTML from "../common/TranslatedHTML.vue"
 import { offlineState } from "@/utils/offline/offlineState"
 import { getCachedVariants, cacheItems } from "@/utils/offline/items"
@@ -267,6 +268,7 @@ const options = ref([])
 const selectedOption = ref(null)
 const quantity = ref(1)
 const selectedAttributes = ref({}) // For variant attribute selection
+const quantityInput = ref(null)
 
 // Computed properties for dialog customization
 const dialogTitle = computed(() => {
@@ -431,6 +433,11 @@ watch(
 		if (isOpen && props.item) {
 			loadOptions()
 		}
+		if (isOpen && props.mode === "uom") {
+			nextTick(() => {
+				setTimeout(() => { quantityInput.value?.focus(); quantityInput.value?.select() }, 100)
+			})
+		}
 	},
 )