From a77d7fadbf3908f65976172e69e10cd629429da9 Mon Sep 17 00:00:00 2001
From: Ricardo Torres <106406681+riffingonsoftware@users.noreply.github.com>
Date: Fri, 5 Sep 2025 15:34:57 -0600
Subject: [PATCH 1/3] fix: allow sidebar to reopen on mobile

---
 src/components/Sidebar.astro       | 13 +++++++++----
 src/pages/posts/[...page].astro    |  2 +-
 src/pages/posts/[slug].astro       |  3 ++-
 src/pages/posts/[tag]/[page].astro |  2 +-
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 35f5474..79bd156 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -5,12 +5,12 @@ import SidebarFooter from "./SidebarFooter.astro";
 import SidebarMenu from "./SidebarMenu.astro";
 ---
 
-<div class="fixed inset-y-0 left-0 z-40 md:relative" id="sidebar">
+<div class="pointer-events-none fixed inset-y-0 left-0 z-40 md:relative" id="sidebar">
   <!-- Hidden overlay for mobile - shown when sidebar is open -->
-  <div class="fixed inset-0 hidden bg-black/50 transition-opacity md:hidden" id="sidebar-overlay"></div>
+  <div class="fixed inset-0 z-10 hidden bg-black/50 transition-opacity md:hidden" id="sidebar-overlay"></div>
 
   <aside
-    class="bg-sidebar flex hidden h-screen w-[15rem] flex-col px-2 pt-2 text-white md:sticky md:top-0 md:flex"
+    class="bg-sidebar relative z-20 flex hidden h-screen w-[15rem] flex-col px-2 pt-2 text-white md:sticky md:top-0 md:flex"
     id="sidebar-panel"
   >
     <div class="mx-auto mt-5 mb-6 w-fit">
@@ -43,6 +43,7 @@ import SidebarMenu from "./SidebarMenu.astro";
 <script is:inline>
   const overlay = document.getElementById("sidebar-overlay");
   const panel = document.getElementById("sidebar-panel");
+  const container = document.getElementById("sidebar");
   const headerEl = document.getElementById("site-header");
   const contentEl = document.getElementById("page-content");
   let previouslyFocused = null;
@@ -56,14 +57,18 @@ import SidebarMenu from "./SidebarMenu.astro";
   }
 
   function toggle() {
-    if (!overlay || !panel) return;
+    if (!overlay || !panel || !container) return;
     const showing = !panel.classList.contains("hidden");
     if (showing) {
       panel.classList.add("hidden");
       overlay.classList.add("hidden");
+      container.classList.remove("pointer-events-auto");
+      container.classList.add("pointer-events-none");
     } else {
       panel.classList.remove("hidden");
       overlay.classList.remove("hidden");
+      container.classList.remove("pointer-events-none");
+      container.classList.add("pointer-events-auto");
     }
     const open = !panel.classList.contains("hidden");
 
diff --git a/src/pages/posts/[...page].astro b/src/pages/posts/[...page].astro
index c7937f0..b20a98b 100644
--- a/src/pages/posts/[...page].astro
+++ b/src/pages/posts/[...page].astro
@@ -2,7 +2,7 @@
 import PostListingLayout from "../../layouts/PostListingLayout.astro";
 import { getCollection } from "astro:content";
 
-export async function getStaticPaths({ paginate }) {
+export async function getStaticPaths({ paginate }: { paginate: any }) {
   const posts = await getCollection("posts", ({ data }) => {
     return data.draft !== true;
   });
diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index dbb4710..6a002da 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -1,5 +1,6 @@
 ---
-import { CollectionEntry, getCollection } from "astro:content";
+import { getCollection } from "astro:content";
+import type { CollectionEntry } from "astro:content";
 import type { PostSchema } from "../../content/posts/config";
 import PostLayout from "../../layouts/PostLayout.astro";
 import { readingTime } from "../../lib/readingTime";
diff --git a/src/pages/posts/[tag]/[page].astro b/src/pages/posts/[tag]/[page].astro
index 1da3180..eeb2a58 100644
--- a/src/pages/posts/[tag]/[page].astro
+++ b/src/pages/posts/[tag]/[page].astro
@@ -2,7 +2,7 @@
 import PostListingLayout from "../../../layouts/PostListingLayout.astro";
 import { getCollection } from "astro:content";
 
-export async function getStaticPaths({ paginate }) {
+export async function getStaticPaths({ paginate }: { paginate: any }) {
   const posts = (
     await getCollection("posts", ({ data }) => {
       return data.draft !== true;

From 6d1c09628f4d9c12466ed0c71d747e310720491b Mon Sep 17 00:00:00 2001
From: Ricardo Torres <106406681+riffingonsoftware@users.noreply.github.com>
Date: Fri, 5 Sep 2025 17:02:56 -0600
Subject: [PATCH 2/3] fix: restore sidebar links on desktop

---
 src/components/Sidebar.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 79bd156..edbbc26 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -5,7 +5,7 @@ import SidebarFooter from "./SidebarFooter.astro";
 import SidebarMenu from "./SidebarMenu.astro";
 ---
 
-<div class="pointer-events-none fixed inset-y-0 left-0 z-40 md:relative" id="sidebar">
+<div class="pointer-events-none fixed inset-y-0 left-0 z-40 md:pointer-events-auto md:relative" id="sidebar">
   <!-- Hidden overlay for mobile - shown when sidebar is open -->
   <div class="fixed inset-0 z-10 hidden bg-black/50 transition-opacity md:hidden" id="sidebar-overlay"></div>
 

From baed920d2ee83bfdbc7ce4f3312e83b35e12b0d4 Mon Sep 17 00:00:00 2001
From: Ricardo Torres <106406681+riffingonsoftware@users.noreply.github.com>
Date: Fri, 5 Sep 2025 17:28:12 -0600
Subject: [PATCH 3/3] fix: allow mobile sidebar toggle and tidy types

---
 src/components/Sidebar.astro       | 4 ++--
 src/pages/posts/[...page].astro    | 8 +++++---
 src/pages/posts/[tag]/[page].astro | 8 +++++---
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index edbbc26..c0f5238 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -122,8 +122,8 @@ import SidebarMenu from "./SidebarMenu.astro";
       headerEl?.removeAttribute("inert");
       contentEl?.removeAttribute("inert");
       document.body.style.overflow = "";
-      // Return focus to the toggle button if possible
-      if (previouslyFocused && previouslyFocused.focus) {
+      // Return focus on desktop only; mobile Safari requires an extra tap after programmatic focus
+      if (previouslyFocused && previouslyFocused.focus && window.matchMedia("(min-width: 768px)").matches) {
         try {
           previouslyFocused.focus();
         } catch {}
diff --git a/src/pages/posts/[...page].astro b/src/pages/posts/[...page].astro
index b20a98b..aa78e68 100644
--- a/src/pages/posts/[...page].astro
+++ b/src/pages/posts/[...page].astro
@@ -1,11 +1,13 @@
 ---
 import PostListingLayout from "../../layouts/PostListingLayout.astro";
 import { getCollection } from "astro:content";
+import type { CollectionEntry } from "astro:content";
+import type { PaginateFunction } from "astro";
 
-export async function getStaticPaths({ paginate }: { paginate: any }) {
-  const posts = await getCollection("posts", ({ data }) => {
+export async function getStaticPaths({ paginate }: { paginate: PaginateFunction }) {
+  const posts = (await getCollection("posts", ({ data }) => {
     return data.draft !== true;
-  });
+  })) as CollectionEntry<"posts">[];
   posts.sort((a, b) => new Date(b.data.pubDate).valueOf() - new Date(a.data.pubDate).valueOf());
   return paginate(posts, { pageSize: 10 });
 }
diff --git a/src/pages/posts/[tag]/[page].astro b/src/pages/posts/[tag]/[page].astro
index eeb2a58..ee211d7 100644
--- a/src/pages/posts/[tag]/[page].astro
+++ b/src/pages/posts/[tag]/[page].astro
@@ -1,12 +1,14 @@
 ---
 import PostListingLayout from "../../../layouts/PostListingLayout.astro";
 import { getCollection } from "astro:content";
+import type { CollectionEntry } from "astro:content";
+import type { PaginateFunction } from "astro";
 
-export async function getStaticPaths({ paginate }: { paginate: any }) {
+export async function getStaticPaths({ paginate }: { paginate: PaginateFunction }) {
   const posts = (
-    await getCollection("posts", ({ data }) => {
+    (await getCollection("posts", ({ data }) => {
       return data.draft !== true;
-    })
+    })) as CollectionEntry<"posts">[]
   ).sort((a, b) => new Date(b.data.pubDate).valueOf() - new Date(a.data.pubDate).valueOf());
   const tags = posts.flatMap((post) => post.data.tags).flat();