#35647: Templating Engine Auto-Closing Forms
-------------------------------------+-------------------------------------
Reporter: Nischal lamichhane | Type: Bug
Status: new | Component: Template
| system
Version: 4.2 | Severity: Release
| blocker
Keywords: templating engine | Triage Stage:
| Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------------+-------------------------------------
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.
--
Ticket URL: <
https://code.djangoproject.com/ticket/35647>
Django <
https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.