From 7dc4306640bf0cb987af28f99ee2b4c774d6cc01 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

---
 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 964886506f0..a92c8958917 100644
--- a/erpnext/selling/page/point_of_sale/pos_payment.js
+++ b/erpnext/selling/page/point_of_sale/pos_payment.js
@@ -502,6 +502,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) => {
@@ -679,6 +683,10 @@ erpnext.PointOfSale.Payment = class {
 		const currency = doc.currency;
 		const label = doc.paid_amount > grand_total ? __("Change Amount") : __("Remaining Amount");
 
+		if (!this.$totals.is(":visible")) {
+			return;
+		}
+
 		this.$totals.html(
 			`<div class="col">
 				<div class="total-label">${__("Grand Total")}</div>