client/paging: fix endless scroll on android

1 files changed, 9 insertions, 8 deletions

diff --git a/client/js/views/endless_page_view.js b/client/js/views/endless_page_view.js
index 93fb520..ab40662 100644
--- a/client/js/views/endless_page_view.js
+++ b/client/js/views/endless_page_view.js
@@ -6,11 +6,15 @@ const views = require('../util/views.js');
 const holderTemplate = views.getTemplate('endless-pager');
 const pageTemplate = views.getTemplate('endless-pager-page');
 
-function isScrolledIntoView(el) {
-    const elemTop = el.getBoundingClientRect().top;
-    const elemBottom = el.getBoundingClientRect().bottom;
-    const isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);
-    return isVisible;
+function isScrolledIntoView(element) {
+    let top = 0;
+    do {
+        top += element.offsetTop || 0;
+        element = element.offsetParent;
+    } while(element);
+    return (
+        (top >= window.scrollY) &&
+        (top <= window.scrollY + window.innerHeight));
 }
 
 class EndlessPageView {
@@ -110,9 +114,6 @@ class EndlessPageView {
         if (this.totalRecords === null) {
             return;
         }
-        let scrollHeight =
-            document.documentElement.scrollHeight -
-            document.documentElement.clientHeight;
 
         if (this.minOffsetShown > 0 &&
                 isScrolledIntoView(this.topPageGuardNode)) {