Sending <div hx-swap-oob="true" class="min-h-1 overflow-hidden rounded-t-md w-full transition-all ease-linear duration-500 bg-red-500 dark:bg-red-700" id="panel_header-32"></div> over a websocket does not trigger the transition. If, however, you perform a hx-get request and perform oob-swap with the exact same HTML swap it does show the transition.
I had a look through both the WebSocket extension and the base HTMX library but as I'm no expert in JavaScript i couldn't find anything.
Sending
<div hx-swap-oob="true" class="min-h-1 overflow-hidden rounded-t-md w-full transition-all ease-linear duration-500 bg-red-500 dark:bg-red-700" id="panel_header-32"></div>over a websocket does not trigger the transition. If, however, you perform a hx-get request and perform oob-swap with the exact same HTML swap it does show the transition.I had a look through both the WebSocket extension and the base HTMX library but as I'm no expert in JavaScript i couldn't find anything.
Using HTMX: https://unpkg.com/htmx.org@2.0.1 Using websocket extension: https://unpkg.com/htmx.org@1.9.12/dist/ext/ws.js
Doesn't matter if I use "hx-swap" attribute to set a transition either. Tested on both Firefox and Chromium.