Upload 2 files

static/app.js

@@ -34,6 +34,19 @@ let facetRetryTimer = null;
 let progressTimer = null;
 let searchRequestSeq = 0;
 let searchAbortController = null;
+let firefoxViewportTimer = null;
+
+function updateFirefoxHeight() {
+  const viewport = window.visualViewport;
+  if (!document.body.classList.contains("firefox") || !viewport || Math.abs(viewport.scale - 1) > 0.01) return;
+  document.documentElement.style.setProperty("--firefox-height", `${Math.round(viewport.height)}px`);
+}
+
+function scheduleFirefoxHeight() {
+  clearTimeout(firefoxViewportTimer);
+  updateFirefoxHeight();
+  firefoxViewportTimer = setTimeout(updateFirefoxHeight, 200);
+}
 
 function escapeHTML(value) {
   return String(value ?? "").replace(/[&<>"']/g, (ch) => ({
@@ -582,6 +595,12 @@ function resetFilters() {
 }
 
 function attachEvents() {
+  if (document.body.classList.contains("firefox")) {
+    window.addEventListener("resize", scheduleFirefoxHeight);
+    window.addEventListener("orientationchange", scheduleFirefoxHeight);
+    window.visualViewport?.addEventListener("resize", scheduleFirefoxHeight);
+    window.visualViewport?.addEventListener("scroll", scheduleFirefoxHeight);
+  }
   DOM.searchForm.addEventListener("submit", (event) => {
     event.preventDefault();
     STATE.q = DOM.searchInput.value.trim();
@@ -793,6 +812,8 @@ function cacheDom() {
 }
 
 function init() {
+  document.body.classList.toggle("firefox", /Firefox\//.test(navigator.userAgent));
+  updateFirefoxHeight();
   cacheDom();
   STATE.isDark = localStorage.getItem("theme") !== "light";
   const savedMobileMode = localStorage.getItem("mobileMode");

static/style.css

@@ -103,6 +103,10 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
+body.firefox {
+  height: var(--firefox-height, 100dvh);
+}
+
 :focus-visible {
   outline: 2px solid var(--primary);
   outline-offset: 2px;