HTMX + Alpine Morph – POST Requests Not Triggering on Load from Swapped Elements

[tabrez96]

Issue Description:
I’m encountering an issue where POST requests configured to trigger on load are not firing after an Alpine Morph-based swap.

Reproduction:
🔗 Demo: JSFiddle

Steps to Reproduce:

• Click “Swap”
• A request is made, and an OOB swap occurs using the morph strategy.
• The new element is swapped correctly.

Expected Behavior:
The newly swapped element should trigger a POST request since it has hx-post with trigger as load.

Current Behavior:

• The expected request is not being sent after the swap.
• Changing the swap strategy to outerHTML (hx-swap-oob="true") in the 'getHtml' function, works as expected where the swapped element triggers the subsequent POST request.

Findings:
HTMX’s latest version stores internal data (reference),
which carries over to the newly swapped element when using morph.

• This internal data includes an attribute called firstInitCompleted, which is set once HTMX processes the node.
• Since the swap does not reset this data, the new element inherits the flag, even though it’s technically being processed for the first time.
• HTMX skips triggering onload events for elements it considers already initialized, preventing the request from being sent.

Is there a workaround or a potential fix for this behavior?

NOTE: This is happening only in the latest version of HTMX (v2.0.4)

[ekwoka]

This is tricky...since right now Alpine uses the element to assign its state (and htmx does too) which is not good, for either of them.

And Alpine just copies all of them over to the new element as the way to "preserve" the changes Alpine has made...

which naturally is an issue.