BUG in 2.0.7 : hx-post on form does not prevent form to issue a GET request

[ldurey]

<form
    hx-post="{{ url }}"
    hx-swap="none"
    hx-trigger="click once"
>
  <button>Whatever</button>
</form>

This code issue a GET request from form with the hx-post request.

The bug appeared in 2.0.7 as it's not showing in 2.0.6.

If you need more info, tell me i can elaborate.

[ldurey]

After some investigation the problem come from my hx-trigger which ask for click event instead of submit.
Replacing hx-trigger by submit once solved the issue.

But I feel like this behavior is inhatended as i explicitly asked for a click event in combination with hx-post.

The source code which is in cause is there :
v2.0.6...v2.0.7#diff-f14ff7f8c91a6f76e7688c45ca01d600e8928769b268caa71cf09b8f12661f3dR2440

I hope this can help somehow.

Have a great day.

[MichaelWest22]

Yeah sorry we had to redo the shouldCancel default action prevention logic recently as the old logic had several flaws and was causing edge cases to not be handled well. see #3396 for details of the changes made. the core issue here is that click is not really a valid event type for a form as a native form only listens for submit events and listening for all click events inside the form would mean any clicks anywhere inside the form will actually trigger the hx-post request but would not trigger the browser form submit. But if you click a button inside the form then it should both submit the form and bubble up a click event to trigger the hx-post request on the form as well. The old htmx was catching and preventing the submit and click event on forms which was a bit confusing.

Anyway as long as you use a correct submit event on a form it should behave properly.