From 2a5692d9a714c5c02e27f5acc76ee8f96fd05261 Mon Sep 17 00:00:00 2001
From: nkanaev <nkanaev@live.com>
Date: Wed, 29 Jun 2022 11:35:13 +0100
Subject: [PATCH] fix scrolling issue with large font

---
 src/assets/javascripts/app.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/javascripts/app.js b/src/assets/javascripts/app.js
index e2411fd..a40cd1a 100644
--- a/src/assets/javascripts/app.js
+++ b/src/assets/javascripts/app.js
@@ -437,8 +437,12 @@ var vm = new Vue({
       })
     },
     itemListCloseToBottom: function() {
+      // approx. vertical space at the bottom of the list (loading el & paddings) when 1rem = 16px
+      var bottomSpace = 70
+      var scale = (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16) / 16
+
       var el = this.$refs.itemlist
-      var closeToBottom = (el.scrollHeight - el.scrollTop - el.offsetHeight) < 50
+      var closeToBottom = (el.scrollHeight - el.scrollTop - el.offsetHeight) < bottomSpace * scale
       return closeToBottom
     },
     loadMoreItems: function(event, el) {