From 069a582432544c8fd276602049745b13f0ad4a15 Mon Sep 17 00:00:00 2001 From: Andrej Date: Thu, 23 May 2024 13:12:25 +0200 Subject: [PATCH] Fix global search endless scroller for big screens [SCI-10736] --- .../vue/global_search/groups/search_mixin.js | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/app/javascript/vue/global_search/groups/search_mixin.js b/app/javascript/vue/global_search/groups/search_mixin.js index 2826d4d52..714a414e3 100644 --- a/app/javascript/vue/global_search/groups/search_mixin.js +++ b/app/javascript/vue/global_search/groups/search_mixin.js @@ -88,11 +88,13 @@ export default { handleScroll() { if (this.loading || !this.selected) return; - if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight - 50) { - if (this.results.length < this.total) { - this.loadData(); + this.$nextTick(() => { + if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight - 50) { + if (this.results.length < this.total) { + this.loadData(); + } } - } + }); }, changeSort(sort) { this.sort = sort; @@ -136,6 +138,8 @@ export default { this.disabled = response.data.meta.disabled; this.loading = false; this.page = response.data.meta.next_page; + + this.handleScroll(); } }) .finally(() => {