From c97ddd168c70fb3dfa1b2d76c8c656b87e86ebe1 Mon Sep 17 00:00:00 2001
From: Nicolas Dorier <nicolas.dorier@gmail.com>
Date: Mon, 17 Nov 2025 10:36:08 +0900
Subject: [PATCH] Fix: SVG icons stop displaying when served from cache (#7003)

See #7003

The fix seems to be to just reinsert the svg into the page once it is
loaded. This is probably a browser bug...
---
 BTCPayServer/wwwroot/main/site.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/BTCPayServer/wwwroot/main/site.js b/BTCPayServer/wwwroot/main/site.js
index 8298c2020..b1da5fb56 100644
--- a/BTCPayServer/wwwroot/main/site.js
+++ b/BTCPayServer/wwwroot/main/site.js
@@ -3,6 +3,7 @@ const baseUrl = Object.values(document.scripts).find(s => s.src.includes('/main/
 const flatpickrInstances = [];
 
 
+
 const switchTimeFormat = event => {
     const curr = event.target.dataset.mode || 'localized';
     const mode = curr === 'relative' ? 'localized' : 'relative';
@@ -148,7 +149,20 @@ const initLabelManagers = () => {
     });
 }
 
+// Remove this hack when browser fix bug https://github.com/btcpayserver/btcpayserver/issues/7003
+const reinsertSvgUseElements = () => {
+    document.querySelectorAll('svg use').forEach(useElement => {
+        const svg = useElement.closest('svg');
+        if (svg) {
+            const clone = svg.cloneNode(true);
+            if (svg.parentNode)
+                svg.parentNode.replaceChild(clone, svg);
+        }
+    });
+};
+
 document.addEventListener("DOMContentLoaded", () => {
+    reinsertSvgUseElements();
     // sticky header
     const stickyHeader = document.querySelector('#mainContent > section .sticky-header');
     if (stickyHeader) {