From 0163d561862533b0f05185a1543a65352db63b46 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Thu, 20 Jul 2023 11:04:17 +0200
Subject: [PATCH] Fix infinite scroll for notifications [SCI-8843]

---
 .../vue/navigation/notifications/notifications_flyout.vue   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/navigation/notifications/notifications_flyout.vue b/app/javascript/vue/navigation/notifications/notifications_flyout.vue
index b6aed228e..2df5d71a9 100644
--- a/app/javascript/vue/navigation/notifications/notifications_flyout.vue
+++ b/app/javascript/vue/navigation/notifications/notifications_flyout.vue
@@ -66,8 +66,10 @@ export default {
   },
   mounted() {
     let container = this.$refs.scrollContainer.$el
-    container.addEventListener('ps-y-reach-end', (e) => {
-      this.loadNotifications();
+    container.addEventListener('ps-scroll-y', (e) => {
+      if (e.target.scrollTop + e.target.clientHeight >= e.target.scrollHeight - 20) {
+        this.loadNotifications();
+      }
     })
   },
   computed: {