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.