Form submission without a `text/vnd.turbo-stream.html` Accept header?

1

Is there a way to get Turbo to submit a form without adding a text/vnd.turbo-stream.html Accept header? I’d like the redirect to result in a regular html response so that Turbo Drive performs a full page update instead of a Turbo Stream response (which is already used for infinite scroll pagination on the action redirected to).

2

Adding an event handler to the form turned out to be one way to do it:

form.addEventListener('turbo:before-fetch-request', (event) => {
  event.detail.fetchOptions.headers['Accept'] = 'text/html, application/xhtml+xml'
})
3

Why not just turn off Turbo for the form?

<form action="/messages" method="post" data-turbo="false">
  ...
</form>
4

Also noted here: Opting out of stream responses on a per form basis - #6 by Sean

I recently came across this issue and ended up adding support for data-turbo-stream="false" by using the following document wide event listener:

document.addEventListener("turbo:before-fetch-request", (event) => {
  if (event.target.dataset["turboStream"] == "false")
    event.detail.fetchOptions.headers["Accept"] = "text/html, application/xhtml+xml"
})

You use it like so:

<form ... data-turbo-stream="false">...</form>