Progress bar not displayed when submitting a form about turbo HOT 5 CLOSED

Ok, I found a temporal solution. Using the custom turbo events, you can capture the submit-start to load the progress-bar manually as follows:

<script>
    document.addEventListener('turbo:submit-start', function () {
        Turbo.navigator.delegate.adapter.showProgressBar();
    });
</script>

from turbo.

@wnm try

import { Turbo } from "@hotwired/turbo-rails"
window.Turbo = Turbo // Turbo available throughout app

from turbo.

I'm having the same issue, it looks like you have to redirect AFTER handling the form-submission:

Turbo Drive handles form submissions in a manner similar to link clicks. The key difference is that form submissions can issue stateful requests using the HTTP POST method, while link clicks only ever issue stateless HTTP GET requests.

After a stateful request from a form submission, Turbo Drive expects the server to return an HTTP 303 redirect response, which it will then follow and use to navigate and update the page without reloading.

That doesn't work for me because I want to redirect the users to a different page, and that extra request is not ideal.

An option for me would be to disable Turbo on the actual form, but right now that's not possible, although there is an open PR for that #3

Hopefully that one will get merged soon 🤞

@coorasse please let me know if you find a workaround for this issue.

Cheers,
Jeff.

from turbo.

I posted on the Hotwire forums asking whether it should be default for the progress bar to always show on form submission. Otherwise, repeatedly rejected forms can appear as no-ops...

from turbo.

Ok, I found a temporal solution. Using the custom turbo events, you can capture the submit-start to load the progress-bar manually as follows:

<script>
    document.addEventListener('turbo:submit-start', function () {
        Turbo.navigator.delegate.adapter.showProgressBar();
    });
</script>

Is this still working for the latest version of Turbo? I'm loading Turbo via the hotwire-rails gem (and via the asset pipeline) and I get a Turbo is not defined error....

from turbo.