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