Streaming html with hx-swap-oob

[epragalakis]

Is that possible?

Given: a single response that streams html elements
And: every element has a hx-swap-oob targeting different IDs
Then: all relevant ids in that html file should have only the hx-swap-oob elements that are being sent as part of that continuous response

[epragalakis]

nvm I got it working

It was just as simple as:

• wrapping the server side html to a div with the swap-oob <div hx-swap-oob="beforeend:#CO2-graph-points"><circle cx="2025-01-18T15:00:32.000Z" cy="797" r="1" fill="red" /></div><div hx-swap-oob="beforeend:#Temperature-graph-points"><circle cx="2025-01-18T15:00:34.000Z" cy="19.662500000000023" r="1" fill="red" /></div>
• and defining the html: <svg><g hx-swap-oob="true" id="CO2-graph-points"></g> </svg><svg><g hx-swap-oob="true" id="Temperature-graph-points"></g> </svg>

Still not sure why, but when I raised this issue the only thing I was doing differently was wrapping the response html in a template and an svg element as defined in the docs.

[epragalakis]

coming back to this again,
the above example will place the oob elements in the html but it wont get them rendered.

realated thread: #1888