WS extension unreliable on mobile browsers (IOS)

[gilesbradshaw]

I've been struggling with making the ws extension reliable on mobile browsers. I am testing with my iphone. I put some debug code in the extension to write to the DOM when the socket close and error events are fired and this does not always happen when the browser loses and gains focus. I though I'd raise this issue in case anyone else has experienced it and knows of a work around.

I think it is related to this: https://stackoverflow.com/questions/75869629/ios-websocket-close-and-error-events-not-firing although the events do generally fire for me but not always, so sometimes the software thinks the socket is still open but actually it is no longer operating.

[Cyberbeni]

Same with the SSE extension. Added this as a workaround (not sure if there is a better check for iOS but at least this doesn't reload desktop browsers):

// workaround iOS not reconnecting to SSE when returning from background
if (navigator.maxTouchPoints > 1) {
	window.addEventListener("visibilitychange", function () {
		if (document.visibilityState === "visible") {
			const main = document.body.getElementsByTagName('main').item(0)
			const sse = main['htmx-internal-data'].sseEventSource
			if (sse) {
				sse.close()
				sse.onerror()
			}
		}
	})
}

edit: modified code to only force reconnect instead of reloading the page. (My sse-connect is on the main tag inside the body)

[Cyberbeni]

FYI @Telroshan