From 720d0b9aae1d0ab54aae8bf758124e6d8ac58afb Mon Sep 17 00:00:00 2001
From: MoritzWeber0 <kontakt@moritz-weber.net>
Date: Wed, 15 Oct 2025 09:27:16 +0200
Subject: [PATCH 1/2] feat: Dynamically resize search drawer on mobile

---
 assets/sass/search.scss        | 4 ++++
 layouts/partials/headMeta.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/sass/search.scss b/assets/sass/search.scss
index 0e07aa12..5c8ee632 100644
--- a/assets/sass/search.scss
+++ b/assets/sass/search.scss
@@ -73,6 +73,10 @@
     max-height: 50vh;
     border: var(--border);
     border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
+
+    @media (max-width: #{$breakpoint-md}) {
+      max-height: calc(100dvh - 17rem);
+    }
   }
 
   .pagefind-ui__result {
diff --git a/layouts/partials/headMeta.html b/layouts/partials/headMeta.html
index ea27da32..97a83190 100644
--- a/layouts/partials/headMeta.html
+++ b/layouts/partials/headMeta.html
@@ -3,7 +3,7 @@
 <meta name="dc.relation" content="{{ .Site.BaseURL }}" />
 <meta
   name="viewport"
-  content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
+  content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover, interactive-widget=resizes-content"
 />
 <meta name="theme-color" content="#BA3D12" />
 <meta property="og:url" content="{{ .Permalink }}" />

From 8e75e24349a64166e8ae8e6de4538328debb7638 Mon Sep 17 00:00:00 2001
From: MoritzWeber0 <kontakt@moritz-weber.net>
Date: Wed, 15 Oct 2025 23:32:11 +0200
Subject: [PATCH 2/2] feat: Close keyboard on scroll in mobile search

---
 assets/js/search.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/assets/js/search.js b/assets/js/search.js
index 00387e3f..09e8d88a 100644
--- a/assets/js/search.js
+++ b/assets/js/search.js
@@ -27,6 +27,15 @@ const initSearch = () => {
     },
   });
 
+  // Close keyboard when scrolling in search results (mobile only)
+  const searchDrawer = search.querySelector(".pagefind-ui__drawer");
+  searchDrawer.addEventListener("scroll", () => {
+    if (!isMobile) return;
+    if (document.activeElement && document.activeElement.blur) {
+      document.activeElement.blur();
+    }
+  });
+
   const searchElement = search.querySelector("input");
 
   const closeSearch = () => {