From f5b386f70ded71a6a12d22313094bfba5ce12af3 Mon Sep 17 00:00:00 2001
From: Marcus Noble <github@marcusnoble.co.uk>
Date: Sat, 15 May 2021 11:10:46 +0100
Subject: [PATCH] Only scroll into view if not already visible

---
 views/index.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/views/index.html b/views/index.html
index 3113f1c..fb9af46 100644
--- a/views/index.html
+++ b/views/index.html
@@ -140,6 +140,15 @@
       </div>
 
       <script>
+        function isInViewport(element) {
+          const rect = element.getBoundingClientRect();
+          return (
+            rect.top >= 0 &&
+            rect.left >= 0 &&
+            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+          );
+        }
         const vm = new Vue({
           el: '#app',
           data: {
@@ -212,7 +221,9 @@
                 this.selectedItem = undefined;
               } else {
                 this.selectedItem = item.ID;
-                document.getElementById(this.selectedItem).scrollIntoView();
+                if (!isInViewport(document.getElementById(this.selectedItem))) {
+                  document.getElementById(this.selectedItem).scrollIntoView();
+                }
                 item.PendingRead = true;
                 fetch(`/api/read/${item.ID}`, {method: "POST"})
               }