From 2b0281c510ab8ea4bab29184a33e1332c3290562 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Fri, 17 Oct 2025 01:26:31 +0530
Subject: [PATCH] fix(point-of-sale): render payment methods only payment
 component is visible

(cherry picked from commit 7dc4306640bf0cb987af28f99ee2b4c774d6cc01)
---
 erpnext/selling/page/point_of_sale/pos_payment.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/erpnext/selling/page/point_of_sale/pos_payment.js b/erpnext/selling/page/point_of_sale/pos_payment.js
index 92e9ad060df..165066a151a 100644
--- a/erpnext/selling/page/point_of_sale/pos_payment.js
+++ b/erpnext/selling/page/point_of_sale/pos_payment.js
@@ -394,6 +394,10 @@ erpnext.PointOfSale.Payment = class {
 		const payments = doc.payments;
 		const currency = doc.currency;
 
+		if (!this.$payment_modes.is(":visible")) {
+			return;
+		}
+
 		this.$payment_modes.html(
 			`${payments
 				.map((p, i) => {
@@ -612,6 +616,10 @@ erpnext.PointOfSale.Payment = class {
 		const currency = doc.currency;
 		const label = __("Change Amount");
 
+		if (!this.$totals.is(":visible")) {
+			return;
+		}
+
 		this.$totals.html(
 			`<div class="col">
 				<div class="total-label">${__("Grand Total")}</div>