sse: Close connection before page switch

bigskysoftware · Feb 20, 2025 · 0f7b0b5 · 0f7b0b5
1 parent 618e8e9
commit 0f7b0b5
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/sse/sse.js b/src/sse/sse.js
@@ -25,6 +25,17 @@ This extension adds support for Server Sent Events to htmx.  See /www/extensions
       if (htmx.createEventSource == undefined) {
         htmx.createEventSource = createEventSource
       }
+
+      // close SSE connections when page is about to unload
+      // cf. https://github.com/bigskysoftware/htmx/discussions/2109
+      window.addEventListener('beforeunload', function() {
+        document.querySelectorAll('[sse-connect], [hx-sse]').forEach(function(elt) {
+          var internalData = api.getInternalData(elt);
+          if (internalData && internalData.sseEventSource) {
+              internalData.sseEventSource.close();
+          }
+        });
+      });
     },
 
     getSelectors: function() {