From b458a973e6815e1ca3da42b13038811fbb30a78b Mon Sep 17 00:00:00 2001
From: lubshad <lubshad4u4@gmail.com>
Date: Sat, 23 May 2026 21:51:59 +0530
Subject: [PATCH 1/3] Fix POS modal mouse focus

---
 POS/src/components/ShiftClosingDialog.vue     |  3 +-
 POS/src/components/ShiftOpeningDialog.vue     |  3 +-
 POS/src/components/common/POSDialog.vue       | 33 +++++++++++++++++++
 .../invoices/InvoiceDetailDialog.vue          |  4 +--
 POS/src/components/sale/BatchSerialDialog.vue |  3 +-
 POS/src/components/sale/CouponDialog.vue      |  3 +-
 .../components/sale/CreateCustomerDialog.vue  |  3 +-
 POS/src/components/sale/CustomerDialog.vue    |  3 +-
 .../components/sale/DraftInvoicesDialog.vue   |  3 +-
 .../components/sale/InvoiceHistoryDialog.vue  |  3 +-
 .../components/sale/ItemSelectionDialog.vue   |  3 +-
 POS/src/components/sale/OffersDialog.vue      |  3 +-
 .../components/sale/OfflineInvoicesDialog.vue |  3 +-
 POS/src/components/sale/PaymentDialog.vue     |  3 +-
 .../components/sale/ReturnInvoiceDialog.vue   |  3 +-
 .../sale/WarehouseAvailabilityDialog.vue      |  3 +-
 POS/src/pages/POSSale.vue                     |  3 +-
 17 files changed, 65 insertions(+), 17 deletions(-)
 create mode 100644 POS/src/components/common/POSDialog.vue

diff --git a/POS/src/components/ShiftClosingDialog.vue b/POS/src/components/ShiftClosingDialog.vue
index 8359f063..060f4ea1 100644
--- a/POS/src/components/ShiftClosingDialog.vue
+++ b/POS/src/components/ShiftClosingDialog.vue
@@ -504,7 +504,8 @@
 </template>
 
 <script setup>
-import { Button, Dialog, FeatherIcon, Input } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, FeatherIcon, Input } from "frappe-ui"
 import { computed, onBeforeUnmount, reactive, ref, watch } from "vue"
 import { storeToRefs } from "pinia"
 import { useShift, shiftState } from "../composables/useShift"
diff --git a/POS/src/components/ShiftOpeningDialog.vue b/POS/src/components/ShiftOpeningDialog.vue
index b6b6dea6..5e2a3dab 100644
--- a/POS/src/components/ShiftOpeningDialog.vue
+++ b/POS/src/components/ShiftOpeningDialog.vue
@@ -190,7 +190,8 @@
 </template>
 
 <script setup>
-import { Button, Dialog, Input } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, Input } from "frappe-ui"
 import { createResource } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import { useShift } from "../composables/useShift"
diff --git a/POS/src/components/common/POSDialog.vue b/POS/src/components/common/POSDialog.vue
new file mode 100644
index 00000000..b80f9abb
--- /dev/null
+++ b/POS/src/components/common/POSDialog.vue
@@ -0,0 +1,33 @@
+<template>
+	<Dialog v-bind="$attrs">
+		<template v-if="$slots.body" #body>
+			<div @pointerdown.stop>
+				<slot name="body" />
+			</div>
+		</template>
+
+		<template v-if="$slots['body-title']" #body-title>
+			<slot name="body-title" />
+		</template>
+
+		<template v-if="$slots['body-content']" #body-content>
+			<div @pointerdown.stop>
+				<slot name="body-content" />
+			</div>
+		</template>
+
+		<template v-if="$slots.actions" #actions="slotProps">
+			<div @pointerdown.stop>
+				<slot name="actions" v-bind="slotProps" />
+			</div>
+		</template>
+	</Dialog>
+</template>
+
+<script setup>
+import { Dialog } from "frappe-ui"
+
+defineOptions({
+	inheritAttrs: false,
+})
+</script>
diff --git a/POS/src/components/invoices/InvoiceDetailDialog.vue b/POS/src/components/invoices/InvoiceDetailDialog.vue
index 864cc76c..5bbe965b 100644
--- a/POS/src/components/invoices/InvoiceDetailDialog.vue
+++ b/POS/src/components/invoices/InvoiceDetailDialog.vue
@@ -281,7 +281,8 @@ import { DEFAULT_CURRENCY, formatCurrency as formatCurrencyUtil } from "@/utils/
 import { getInvoiceStatusColor } from "@/utils/invoice"
 import { logger } from "@/utils/logger"
 import { hydrateLocalOnlyInvoice, isLocalOnlyInvoiceName } from "@/utils/printInvoice"
-import { Button, Dialog, call } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, call } from "frappe-ui"
 import { ref, watch, nextTick, computed } from "vue"
 
 const log = logger.create('InvoiceDetailDialog')
@@ -411,4 +412,3 @@ function handlePrint() {
 	emit("print-invoice", invoiceData.value)
 }
 </script>
-
diff --git a/POS/src/components/sale/BatchSerialDialog.vue b/POS/src/components/sale/BatchSerialDialog.vue
index f4f09899..29843d72 100644
--- a/POS/src/components/sale/BatchSerialDialog.vue
+++ b/POS/src/components/sale/BatchSerialDialog.vue
@@ -198,7 +198,8 @@
 </template>
 
 <script setup>
-import { Button, Dialog, createResource } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, createResource } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import { useSerialNumberStore } from "@/stores/serialNumber"
 import { usePOSCartStore } from "@/stores/posCart"
diff --git a/POS/src/components/sale/CouponDialog.vue b/POS/src/components/sale/CouponDialog.vue
index e9494a1c..211dbe61 100644
--- a/POS/src/components/sale/CouponDialog.vue
+++ b/POS/src/components/sale/CouponDialog.vue
@@ -146,7 +146,8 @@
 
 <script setup>
 import { DEFAULT_CURRENCY, formatCurrency as formatCurrencyUtil } from "@/utils/currency"
-import { Button, Dialog, Input, createResource } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, Input, createResource } from "frappe-ui"
 import { ref, watch } from "vue"
 import { useInvoice } from "@/composables/useInvoice"
 import { useToast } from "@/composables/useToast"
diff --git a/POS/src/components/sale/CreateCustomerDialog.vue b/POS/src/components/sale/CreateCustomerDialog.vue
index fab7832e..560bb15c 100644
--- a/POS/src/components/sale/CreateCustomerDialog.vue
+++ b/POS/src/components/sale/CreateCustomerDialog.vue
@@ -187,7 +187,8 @@ import { usePOSPermissions } from "@/composables/usePermissions"
 import { useToast } from "@/composables/useToast"
 import { useCountriesStore } from "@/stores/countries"
 import { logger } from "@/utils/logger"
-import { Button, Dialog, Input, createResource } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, Input, createResource } from "frappe-ui"
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue"
 
 const log = logger.create("CreateCustomerDialog")
diff --git a/POS/src/components/sale/CustomerDialog.vue b/POS/src/components/sale/CustomerDialog.vue
index 4e774183..94480b9e 100644
--- a/POS/src/components/sale/CustomerDialog.vue
+++ b/POS/src/components/sale/CustomerDialog.vue
@@ -181,7 +181,8 @@
 
 <script setup>
 import { useCustomerSearchStore } from "@/stores/customerSearch"
-import { Button, Dialog } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button } from "frappe-ui"
 import { storeToRefs } from "pinia"
 import { computed, onMounted, ref, watch } from "vue"
 import CreateCustomerDialog from "./CreateCustomerDialog.vue"
diff --git a/POS/src/components/sale/DraftInvoicesDialog.vue b/POS/src/components/sale/DraftInvoicesDialog.vue
index 2d7ae1e8..623e2708 100644
--- a/POS/src/components/sale/DraftInvoicesDialog.vue
+++ b/POS/src/components/sale/DraftInvoicesDialog.vue
@@ -169,7 +169,8 @@ import { clearAllDrafts, deleteDraft, getAllDrafts } from "@/utils/draftManager"
 import { printInvoiceCustom } from "@/utils/printInvoice"
 import { useToast } from "@/composables/useToast"
 import { usePOSShiftStore } from "@/stores/posShift"
-import { Button, Dialog } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button } from "frappe-ui"
 import { onMounted, ref, watch } from "vue"
 
 const { showSuccess, showError } = useToast()
diff --git a/POS/src/components/sale/InvoiceHistoryDialog.vue b/POS/src/components/sale/InvoiceHistoryDialog.vue
index ae196da3..2ad0efee 100644
--- a/POS/src/components/sale/InvoiceHistoryDialog.vue
+++ b/POS/src/components/sale/InvoiceHistoryDialog.vue
@@ -152,7 +152,8 @@
 import { useToast } from "@/composables/useToast"
 import { DEFAULT_CURRENCY, DEFAULT_LOCALE, formatCurrency as formatCurrencyUtil } from "@/utils/currency"
 import { getInvoiceStatusColor } from "@/utils/invoice"
-import { Button, Dialog, Input, createResource } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, Input, createResource } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import ReturnInvoiceDialog from "./ReturnInvoiceDialog.vue"
 
diff --git a/POS/src/components/sale/ItemSelectionDialog.vue b/POS/src/components/sale/ItemSelectionDialog.vue
index a502a96c..eb9ecd25 100644
--- a/POS/src/components/sale/ItemSelectionDialog.vue
+++ b/POS/src/components/sale/ItemSelectionDialog.vue
@@ -235,7 +235,8 @@
 
 <script setup>
 import { DEFAULT_CURRENCY, formatCurrency as formatCurrencyUtil } from "@/utils/currency"
-import { Button, Dialog } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button } from "frappe-ui"
 import { createResource } from "frappe-ui"
 import { computed, nextTick, ref, watch } from "vue"
 import TranslatedHTML from "../common/TranslatedHTML.vue"
diff --git a/POS/src/components/sale/OffersDialog.vue b/POS/src/components/sale/OffersDialog.vue
index 1c6942f4..4f354c6d 100644
--- a/POS/src/components/sale/OffersDialog.vue
+++ b/POS/src/components/sale/OffersDialog.vue
@@ -201,7 +201,8 @@
 <script setup>
 import { usePOSOffersStore } from "@/stores/posOffers"
 import { DEFAULT_CURRENCY, DEFAULT_LOCALE, formatCurrency as formatCurrencyUtil } from "@/utils/currency"
-import { Button, Dialog } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 
 // Use Pinia stores
diff --git a/POS/src/components/sale/OfflineInvoicesDialog.vue b/POS/src/components/sale/OfflineInvoicesDialog.vue
index a28cee9b..0cefeaa9 100644
--- a/POS/src/components/sale/OfflineInvoicesDialog.vue
+++ b/POS/src/components/sale/OfflineInvoicesDialog.vue
@@ -245,7 +245,8 @@
 
 <script setup>
 import { DEFAULT_CURRENCY, formatCurrency as formatCurrencyUtil } from "@/utils/currency"
-import { Button, Dialog } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 
 const props = defineProps({
diff --git a/POS/src/components/sale/PaymentDialog.vue b/POS/src/components/sale/PaymentDialog.vue
index c72ae805..61054f18 100644
--- a/POS/src/components/sale/PaymentDialog.vue
+++ b/POS/src/components/sale/PaymentDialog.vue
@@ -1059,7 +1059,8 @@ import {
 import { getPaymentIcon } from "@/utils/payment"
 import { offlineWorker } from "@/utils/offline/workerClient"
 import { logger } from "@/utils/logger"
-import { Dialog, createResource, call } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { createResource, call } from "frappe-ui"
 import { computed, ref, watch, nextTick } from "vue"
 import { useToast } from "@/composables/useToast"
 import { useLongPress } from "@/composables/useLongPress"
diff --git a/POS/src/components/sale/ReturnInvoiceDialog.vue b/POS/src/components/sale/ReturnInvoiceDialog.vue
index 68c4c5bb..ae0c5af7 100644
--- a/POS/src/components/sale/ReturnInvoiceDialog.vue
+++ b/POS/src/components/sale/ReturnInvoiceDialog.vue
@@ -768,7 +768,8 @@ import {
 	roundCurrency,
 } from "@/utils/currency"
 import { getInvoiceStatusColor } from "@/utils/invoice"
-import { Button, Dialog, FeatherIcon, createResource } from "frappe-ui"
+import Dialog from "@/components/common/POSDialog.vue"
+import { Button, FeatherIcon, createResource } from "frappe-ui"
 import { computed, onMounted, onUnmounted, reactive, ref, watch } from "vue"
 
 const { showSuccess, showError, showWarning } = useToast()
diff --git a/POS/src/components/sale/WarehouseAvailabilityDialog.vue b/POS/src/components/sale/WarehouseAvailabilityDialog.vue
index 3ba0c724..4ff25d7d 100644
--- a/POS/src/components/sale/WarehouseAvailabilityDialog.vue
+++ b/POS/src/components/sale/WarehouseAvailabilityDialog.vue
@@ -499,7 +499,8 @@
  * Translations: All user-facing strings use __() for i18n
  */
 import { ref, computed, watch, nextTick } from 'vue'
-import { call, Dialog } from 'frappe-ui'
+import Dialog from "@/components/common/POSDialog.vue"
+import { call } from 'frappe-ui'
 import { __ } from '@/utils/translation'
 
 const props = defineProps({
diff --git a/POS/src/pages/POSSale.vue b/POS/src/pages/POSSale.vue
index 1bb9ad50..bcce1746 100644
--- a/POS/src/pages/POSSale.vue
+++ b/POS/src/pages/POSSale.vue
@@ -1042,7 +1042,8 @@ import {
 } from "@/utils/printInvoice";
 import { qzConnected, connect as qzConnect, disconnect as qzDisconnect } from "@/utils/qzTray";
 
-import { Button, Dialog, createResource } from "frappe-ui";
+import Dialog from "@/components/common/POSDialog.vue";
+import { Button, createResource } from "frappe-ui";
 import { call } from "@/utils/apiWrapper";
 import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 import { useToast } from "@/composables/useToast";

From a7ee7d88fa809a6d303ec44767e6699ff8235aa5 Mon Sep 17 00:00:00 2001
From: lubshad <lubshad4u4@gmail.com>
Date: Sat, 23 May 2026 22:17:33 +0530
Subject: [PATCH 2/3] Register POS dialog component

---
 POS/components.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/POS/components.d.ts b/POS/components.d.ts
index 1f2e8b35..e8cf8de3 100644
--- a/POS/components.d.ts
+++ b/POS/components.d.ts
@@ -38,6 +38,7 @@ declare module 'vue' {
     PartialPayments: typeof import('./src/components/partials/PartialPayments.vue')['default']
     PaymentDialog: typeof import('./src/components/sale/PaymentDialog.vue')['default']
     PhoneInput: typeof import('./src/components/common/PhoneInput.vue')['default']
+    POSDialog: typeof import('./src/components/common/POSDialog.vue')['default']
     POSFooter: typeof import('./src/components/common/POSFooter.vue')['default']
     POSHeader: typeof import('./src/components/pos/POSHeader.vue')['default']
     POSSettings: typeof import('./src/components/settings/POSSettings.vue')['default']

From 51d357ecea4a966f71f06af5d9462762c471b158 Mon Sep 17 00:00:00 2001
From: lubshad <lubshad4u4@gmail.com>
Date: Sat, 23 May 2026 22:37:56 +0530
Subject: [PATCH 3/3] Refine POS dialog pointer behavior

---
 POS/src/components/common/POSDialog.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/POS/src/components/common/POSDialog.vue b/POS/src/components/common/POSDialog.vue
index b80f9abb..676e61e4 100644
--- a/POS/src/components/common/POSDialog.vue
+++ b/POS/src/components/common/POSDialog.vue
@@ -1,7 +1,7 @@
 <template>
 	<Dialog v-bind="$attrs">
 		<template v-if="$slots.body" #body>
-			<div @pointerdown.stop>
+			<div class="pos-dialog-interactive-area" @pointerdown.stop @dragstart.prevent>
 				<slot name="body" />
 			</div>
 		</template>
@@ -11,13 +11,13 @@
 		</template>
 
 		<template v-if="$slots['body-content']" #body-content>
-			<div @pointerdown.stop>
+			<div class="pos-dialog-interactive-area" @pointerdown.stop @dragstart.prevent>
 				<slot name="body-content" />
 			</div>
 		</template>
 
 		<template v-if="$slots.actions" #actions="slotProps">
-			<div @pointerdown.stop>
+			<div class="pos-dialog-interactive-area" @pointerdown.stop @dragstart.prevent>
 				<slot name="actions" v-bind="slotProps" />
 			</div>
 		</template>
@@ -31,3 +31,17 @@ defineOptions({
 	inheritAttrs: false,
 })
 </script>
+
+<style scoped>
+.pos-dialog-interactive-area {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.pos-dialog-interactive-area :deep(input),
+.pos-dialog-interactive-area :deep(textarea),
+.pos-dialog-interactive-area :deep([contenteditable="true"]) {
+	-webkit-user-select: text;
+	user-select: text;
+}
+</style>