From 0fba7c23434928c62d6bbc6e4a3b652606ecf2de Mon Sep 17 00:00:00 2001
From: patakuti <patakuti@users.noreply.github.com>
Date: Sat, 20 Jun 2026 10:08:12 +0900
Subject: [PATCH] Fix print CSS partially applied due to external stylesheet
 timing

Wait for all <link rel="stylesheet"> elements to finish loading
before calling window.print(). This prevents the theme CSS
(dynamically switched via localStorage on page load) from being
missing in the print preview. A 3-second timeout ensures the
print dialog is never blocked indefinitely.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 internal/template/template.go | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/internal/template/template.go b/internal/template/template.go
index f9ad5b3..9b843a6 100644
--- a/internal/template/template.go
+++ b/internal/template/template.go
@@ -119,11 +119,28 @@ const markdownPageTplTail = `<link rel="stylesheet" href="https://cdn.jsdelivr.n
 mermaid.initialize({startOnLoad: false, theme: document.body.className.indexOf('dark') >= 0 ? 'dark' : 'default'});
 function printPage() {
   var orig = document.title;
-  var name = orig.split(' - ')[0];
-  name = name.replace(/\.(md|markdown)$/i, '');
+  var name = orig.split(' - ')[0].replace(/\.(md|markdown)$/i, '');
   document.title = name;
-  window.print();
-  document.title = orig;
+
+  function doPrint() { window.print(); document.title = orig; }
+
+  var links = document.querySelectorAll('link[rel="stylesheet"]');
+  var unloaded = [];
+  for (var i = 0; i < links.length; i++) {
+    var l = links[i];
+    try { if (!l.sheet) unloaded.push(l); } catch(e) {}
+  }
+  if (unloaded.length === 0) { doPrint(); return; }
+
+  var done = false;
+  var remaining = unloaded.length;
+  function tick() { if (!done && --remaining <= 0) { done = true; doPrint(); } }
+  setTimeout(function() { if (!done) { done = true; doPrint(); } }, 3000);
+  unloaded.forEach(function(l) {
+    try { if (l.sheet) { tick(); return; } } catch(e) { tick(); return; }
+    l.addEventListener('load', tick, {once: true});
+    l.addEventListener('error', tick, {once: true});
+  });
 }
 function switchTheme(theme) {
   var classes = Array.prototype.slice.call(document.body.classList);