Better fix to earlier problem with infinite load. Take the fix in PeachScript/vue-infinite-loading#254 . Done this by patch-package, because I'm failing to make this build from master (which includes the fix) rather than the released version.

Author: edwh

pages/chitchat/_id.vue

@@ -72,7 +72,7 @@
             </li>
           </ul>
           <client-only>
-            <infinite-loading :identifier="infiniteId" force-use-infinite-wrapper=".pageContent" :distance="distance" @infinite="loadMore">
+            <infinite-loading :identifier="infiniteId" force-use-infinite-wrapper="body" :distance="distance" @infinite="loadMore">
               <span slot="no-results" />
               <span slot="no-more" />
               <span slot="spinner">

pages/communities/_id.vue

@@ -17,7 +17,7 @@
           </div>
 
           <client-only>
-            <infinite-loading :key="'infinite-' + groupid" :identifier="infiniteId" force-use-infinite-wrapper=".pageContent" :distance="distance" @infinite="loadMore">
+            <infinite-loading :key="'infinite-' + groupid" :identifier="infiniteId" force-use-infinite-wrapper="body" :distance="distance" @infinite="loadMore">
               <span slot="no-results" />
               <span slot="no-more" />
               <span slot="spinner">

pages/communityevents/_id.vue

@@ -20,7 +20,7 @@
           <CommunityEvent v-if="!event.pending" :summary="false" :event="event" />
         </div>
         <client-only>
-          <infinite-loading v-if="doneMount" :key="'infinite-' + groupid" :identifier="infiniteId" force-use-infinite-wrapper=".pageContent" @infinite="loadMore">
+          <infinite-loading :key="'infinite-' + groupid" :identifier="infiniteId" force-use-infinite-wrapper="body" @infinite="loadMore">
             <span slot="no-results">
               <notice-message v-if="!events || !events.length">
                 There are no community events to show.  Why not add one?
@@ -62,8 +62,7 @@ export default {
     return {
       context: null,
       infiniteId: +new Date(),
-      complete: false,
-      doneMount: false
+      complete: false
     }
   },
   computed: {
@@ -100,14 +99,6 @@ export default {
   },
   mounted() {
     this.$store.dispatch('communityevents/clear')
-
-    if (process.client) {
-      console.log('DOne mount', document.getElementsByTagName('body').length)
-      setTimeout(() => {
-        console.log('set mount', document.getElementsByTagName('body').length)
-        this.doneMount = true
-      }, 500)
-    }
   },
   methods: {
     loadMore: async function($state) {

pages/volunteerings/_id.vue

@@ -20,7 +20,7 @@
           <VolunteerOpportunity v-if="!volunteering.pending" :summary="false" :volunteering="volunteering" />
         </div>
         <client-only>
-          <infinite-loading :key="'infinite-' + groupid" :identifier="infiniteId" force-use-infinite-wrapper=".pageContent" @infinite="loadMore">
+          <infinite-loading :key="'infinite-' + groupid" :identifier="infiniteId" force-use-infinite-wrapper="body" @infinite="loadMore">
             <span slot="no-results">
               <notice-message v-if="!volunteerings || !volunteerings.length">
                 There are no volunteer opportunities to show.  Why not add one?