From 466b48b5ba5ba8789de845f7989a17e9197147d9 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sun, 26 Oct 2025 19:49:25 +0530
Subject: [PATCH] Fix Forced reflow in menu scroll handler

A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance.

https://pagespeed.web.dev/analysis/https-adityatelange-github-io-hugo-PaperMod/n5w29pnr5o?form_factor=mobile
---
 layouts/partials/footer.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index a6cc28e2..6d051170 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -33,9 +33,14 @@
 {{- partial "extend_footer.html" . }}
 
 <script>
-    let menu = document.getElementById('menu')
+    let menu = document.getElementById('menu');
     if (menu) {
-        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
+        // Set the scroll position
+        const scrollPosition = localStorage.getItem("menu-scroll-position");
+        if (scrollPosition) {
+            menu.scrollLeft = parseInt(scrollPosition, 10);
+        }
+        
         menu.onscroll = function () {
             localStorage.setItem("menu-scroll-position", menu.scrollLeft);
         }