fix infinite scroll reload

app/javascript/application.js

@@ -69,8 +69,6 @@ import HistoryBack from './elements/history_back'
 import DatePlaceholder from './elements/date_placeholder'
 import FlashMessage from './elements/flash_message'
 
-
-
 document.addEventListener('turbo:before-cache', () => {
   window.flash?.remove()
 })
@@ -99,6 +97,16 @@ if (window.webkit?.messageHandlers?.native) {
     }
   })
 
+  document.addEventListener('turbo:before-fetch-request', (event) => {
+    const { session } = window.Turbo
+    const visit = session.navigator.currentVisit
+    const limit = document.getElementById('infinite_scroll')?.dataset.limit
+
+    if (limit && window.scrollY > 0 && event.target === document.documentElement && visit?.location.href === session.view.lastRenderedLocation.href && session.view.isPageRefresh(visit)) {
+      event.detail.url.searchParams.set('limit', limit)
+    }
+  })
+
   document.addEventListener('turbo:visit', (e) => {
     isRestoring = e.detail.action === 'restore'
   })

app/javascript/elements/infinite_scroll.js

@@ -2,11 +2,7 @@ import { renderStreamMessage } from '@hotwired/turbo'
 
 export default class extends HTMLElement {
   connectedCallback () {
-    if (!this.dataset.src) {
-      this.remove()
-
-      return
-    }
+    if (!this.dataset.src) return
 
     this.observer = new IntersectionObserver((entries) => {
       if (entries.some((entry) => entry.isIntersecting)) {