From 71d220e7a404b0df8d8134edbf8ee0025b6c1356 Mon Sep 17 00:00:00 2001
From: sbwalker <shaun.walker@siliqon.com>
Date: Fri, 17 May 2024 15:42:13 -0400
Subject: [PATCH] improve scroll position navigation behavior

---
 Oqtane.Server/Components/App.razor         | 20 +++++++++++++++++++-
 Oqtane.Server/wwwroot/js/scrollposition.js | 12 ------------
 2 files changed, 19 insertions(+), 13 deletions(-)
 delete mode 100644 Oqtane.Server/wwwroot/js/scrollposition.js

diff --git a/Oqtane.Server/Components/App.razor b/Oqtane.Server/Components/App.razor
index 8acd74b0..30230e75 100644
--- a/Oqtane.Server/Components/App.razor
+++ b/Oqtane.Server/Components/App.razor
@@ -187,7 +187,7 @@
                     }
                     @if (_renderMode == RenderModes.Static)
                     {
-                        _scrollPositionScript = "<page-script src=\"/js/scrollposition.js\"></page-script>";                        
+                        _scrollPositionScript = CreateScrollPositionScript();
                     }
 
                     _headResources += ParseScripts(site.HeadContent);
@@ -488,6 +488,24 @@
         "</script>";
     }
 
+    private string CreateScrollPositionScript()
+    {
+        return
+        "<script>" + Environment.NewLine +
+        "   window.interceptNavigation = () => {" + Environment.NewLine +
+        "       let currentUrl = window.location.href;" + Environment.NewLine +
+        "       Blazor.addEventListener('enhancedload', () => {" + Environment.NewLine +
+        "           let newUrl = window.location.href;" + Environment.NewLine +
+        "           if (currentUrl != newUrl) {" + Environment.NewLine +
+        "               window.scrollTo({ top: 0, left: 0, behavior: 'instant' });" + Environment.NewLine +
+        "           }" + Environment.NewLine +
+        "           currentUrl = newUrl;" + Environment.NewLine +
+        "       });" + Environment.NewLine +
+        "   };" + Environment.NewLine +
+        "   document.onload += window.interceptNavigation();" + Environment.NewLine +
+        "</script>";
+    }
+
     private string ParseScripts(string content)
     {
         // iterate scripts
diff --git a/Oqtane.Server/wwwroot/js/scrollposition.js b/Oqtane.Server/wwwroot/js/scrollposition.js
deleted file mode 100644
index 58150ac6..00000000
--- a/Oqtane.Server/wwwroot/js/scrollposition.js
+++ /dev/null
@@ -1,12 +0,0 @@
-
-function setScrollPosition() {
-    window.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: 'instant'
-    });
-}
-
-export function onUpdate() {
-    setScrollPosition();
-}
\ No newline at end of file