From b03cf9238edd46821e7efefaf6d928957692f2f4 Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Thu, 17 Sep 2026 18:59:45 +0800
Subject: [PATCH] fix header

---
 src/layouts/MarkdownPostLayout.astro | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
index 2ab2536..39fe2b4 100644
--- a/src/layouts/MarkdownPostLayout.astro
+++ b/src/layouts/MarkdownPostLayout.astro
@@ -186,6 +186,12 @@ const publishedDate = new Intl.DateTimeFormat(
     const content = document.querySelector<HTMLElement>(".post-content");
     if (!bar || !content) return;
 
+    // Keep the fixed progress bar outside Astro's animated page container.
+    // Otherwise the header's transformed compositor layer can paint above it.
+    if (bar.parentElement !== document.body) {
+      document.body.appendChild(bar);
+    }
+
     const updateProgress = () => {
       const contentTop = content.getBoundingClientRect().top + window.scrollY;
       const readableDistance = Math.max(