hx-swap-oob attribute allows you specify that some content in a response should be swapped into
the DOM somewhere other than the target, that is "Out of Band". This allows you to piggy back updates
to other element updates on a response.
Consider the following response HTML:
<div> ... </div> <div id="alerts" hx-swap-oob="true"> Saved! </div>
The first div will be swapped into the target the usual manner. The second div, however, will be swapped in
as a replacement for the element with the id
alerts, and will not end up in the target.
The value of the
hx-swap-oob can be either
true or any valid
hx-swap value. If
the value is
outerHTML (which are equivalent) the element will be swapped inline. If not, the
elements children will be swapped in by the given swap strategy.
hx-swap-oobis not inherited
hx-swap-oobis only supported on top level elements in the response, not children