How to keep button disabled while doing client-side redirection

[Przemoo16]

Hi great community!

I've been struggling with an issue that when using HX-Redirect or HX-Location headers, which effectively do client-side redirection, a form button is re-enabled before a new page is loaded.

Sample code:

<form hx-post="/signin" hx-swap="outerHTML" hx-disabled-elt="#submit">
    <button id="submit" type="submit">Submit</button>
</form>

Then the backend responds with header HX-Location: {"path": "/another-page", "target": "#body"}

When submitting a request, the button is properly disabled. But when the response is back and redirection still in progress, the button is re-enabled again. When the network is quite fast, it's almost invisible, but with slower connections, it's becoming an issue.

Is there any way I can extend disabling the button? Or how do you guys usually handle redirections after submitting a form?