hx-morph-skip-children

Morphs an element's attributes but keeps its children

The hx-morph-skip-children attribute updates an element’s attributes during a morph swap but leaves its children alone.

Syntax

<div hx-morph-skip-children class="chart">
    <!-- htmx morphs the attributes above, but not this content -->
</div>

The value of the attribute is ignored.

Use it when the server owns the element’s attributes but a script owns its content, for example a chart or an editor.
To freeze the attributes as well, use hx-morph-skip.
It applies to morph swaps only. It has no effect on innerHTML, outerHTML, or the other swap styles.
htmx matches the attribute through the htmx.config.morphSkipChildren selector, which defaults to [hx-morph-skip-children]. If you set that option to another selector, this attribute stops working.
htmx morphs the attributes first. If the response omits hx-morph-skip-children, htmx removes the attribute and later morphs update the children. Send the attribute in the response to keep it.