From 3a5d75ca1ab7a56b92adc6cd221a9135f1bab529 Mon Sep 17 00:00:00 2001
From: Kyle Baley <kyle@baley.org>
Date: Tue, 24 Sep 2019 15:55:33 -0500
Subject: [PATCH] Fixes eager infinite scroll issue Issue #762

Co-authored-by: Indu Alagarsamy <indu.alagarsamy@particular.net>
---
 src/ServicePulse.Host/app/js/views/archive/view.html         | 2 +-
 src/ServicePulse.Host/app/js/views/failed_messages/view.html | 2 +-
 src/ServicePulse.Host/app/js/views/pending_retries/view.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ServicePulse.Host/app/js/views/archive/view.html b/src/ServicePulse.Host/app/js/views/archive/view.html
index a90586864d..6b16c7a230 100644
--- a/src/ServicePulse.Host/app/js/views/archive/view.html
+++ b/src/ServicePulse.Host/app/js/views/archive/view.html
@@ -45,7 +45,7 @@
 
         <no-data ng-show="vm.archives.length === 0 && !vm.loadingData" title="message failures" message="There are currently no archived messages"></no-data>
 
-        <div class="row" ng-show="vm.archives.length > 0" infinite-scroll="vm.loadMoreResults(vm.selectedExceptionGroup)" infinite-scroll-distance="0" infinite-scroll-disabled="vm.disableLoadingData">
+        <div class="row" ng-show="vm.archives.length > 0" infinite-scroll="vm.loadMoreResults(vm.selectedExceptionGroup)" infinite-scroll-distance="0" infinite-scroll-disabled="vm.disableLoadingData" class="clearfix">
 
             <div class="col-sm-12 no-mobile-side-padding" ng-repeat="message in vm.archives">
 
diff --git a/src/ServicePulse.Host/app/js/views/failed_messages/view.html b/src/ServicePulse.Host/app/js/views/failed_messages/view.html
index 3eb0700910..e984d8ad83 100644
--- a/src/ServicePulse.Host/app/js/views/failed_messages/view.html
+++ b/src/ServicePulse.Host/app/js/views/failed_messages/view.html
@@ -68,7 +68,7 @@ <h3 class="active group-title group-message-count">{{vm.selectedExceptionGroup.c
                 </div>
             </div>
 
-            <div ng-show="vm.failedMessages.length > 0" infinite-scroll="vm.loadMoreResults(vm.selectedExceptionGroup, true)" infinite-scroll-distance="0" infinite-scroll-disabled="vm.disableLoadingData">
+            <div ng-show="vm.failedMessages.length > 0" infinite-scroll="vm.loadMoreResults(vm.selectedExceptionGroup, true)" infinite-scroll-distance="0" infinite-scroll-disabled="vm.disableLoadingData" class="clearfix">
                 <div class="col-sm-12 no-mobile-side-padding">
                     <div class="row box repeat-item failed-message" ng-repeat="message in vm.failedMessages">
 
diff --git a/src/ServicePulse.Host/app/js/views/pending_retries/view.html b/src/ServicePulse.Host/app/js/views/pending_retries/view.html
index a0abfe53ce..6162c8f151 100644
--- a/src/ServicePulse.Host/app/js/views/pending_retries/view.html
+++ b/src/ServicePulse.Host/app/js/views/pending_retries/view.html
@@ -113,7 +113,7 @@
 
         <busy ng-show="vm.loadingData" message="fetching more messages"></busy>
 
-        <div ng-show="vm.pendingRetryMessages.length > 0" infinite-scroll="vm.loadMoreResults()" infinite-scroll-distance="0" infinite-scroll-disabled="vm.disableLoadingData">
+        <div ng-show="vm.pendingRetryMessages.length > 0" infinite-scroll="vm.loadMoreResults()" infinite-scroll-distance="0" infinite-scroll-disabled="vm.disableLoadingData" class="clearfix">
             <div class="col-sm-12 no-mobile-side-padding">
                 <div class="row box repeat-item failed-message" ng-repeat="message in vm.pendingRetryMessages">
                     <multi-checkboxlist messages="vm.pendingRetryMessages" selected-ids="vm.selectedIds" message="message" multiselection="vm.multiselection"></multi-checkboxlist>