Templating Engine Auto-Closing Forms

[Nischal lamichhane]

I was Trying to integrate HTMX into my django application's frontend. and noticed a weird and what seems like a breaking issue.
Following is the html code that I have in my html file being rendered:

<form 
	hx-post="{% url 'batch_delete' pk=batch.id %}"
	hx-trigger="submit"
	hx-target="#batchesListCard"
	hx-swap="innerHTML"
	hx-on::before-request="$(this).closest('.modal').modal(hide)" 
	> 
	 	{% csrf_token %}
		<button
			type="submit"
			class="btn btn-danger mt-3">
				Yes
		</button>
	</form>

Following is what is seen my inspecting Element in my Browser.

<form hx-post="/batches/22/delete/" hx-trigger="submit" hx-target="#batchesListCard" hx-swap="innerHTML" hx-on::before-request="$(this).closest('.modal').modal(hide)"></form>
<input type="hidden" name="csrfmiddlewaretoken" value="csrf_value">
<button type="submit" class="btn btn-danger mt-3">
    Yes
</button>

As you can see, the form is being auto-closed by the templating engine,
The error however isnt in every form, It is happening to the form(with no user input) that is used with htmx to be used as a trigger.

[Nischal lamichhane]

Please contact me if you need more information to reproduce the bug

[Sarah Boyce]

I am pretty sure this is not a Django issue but instead something funky around the htmx swapping of target and innerHTML
If you can confirm there is an issue in Django's template rendering, independent to htmx, please reopen the issue