Force complete replacement of a node and its children

[davidjr82]

I am using htmx.

I have one ul with 2 li inside. The first one has hx-* attributes on it and the second one doesn't:

<ul>
    <li hx-get="..."><svg first></svg></li>
    <li><svg second></svg></li>
</ul>

When I make an htmx request, I have the li in the response with a different position. My problem is that idiomorph is mixing the hx-* attributes from the first one into the second (that after the request is the first one):

<ul>
    <li hx-get="..."><svg second></svg></li>
    <li><svg first></svg></li>
</ul>

Is there any way to say to idiomorph to fully re-render the complete ul? I have tried to add a random id on the ul (different in each request), and on the li, but I have the same problem.

Thanks!

[davidjr82]

I just wrapped the svg into a div in the second li and now works fine, thanks!