#35647: Templating Engine Auto-Closing Forms
------------------------------------+--------------------------------------
Reporter: Nischal lamichhane | Owner: (none)
Type: Bug | Status: new
Component: Template system | Version: 4.2
Severity: Release blocker | Resolution:
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
------------------------------------+--------------------------------------
Description changed by Sarah Boyce:
Old description:
> 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.
New description:
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#comment:2>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to django-updates+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/0107019109704bf6-b536c1b2-6d32-42b4-b2de-84f5068c288e-000000%40eu-central-1.amazonses.com.
