#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 [email protected].
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.
