Even though I’ve done turbo with forms and thought I understood the limitations, I’m having trouble getting this to work the way I want. I have a page with two turbo frames, “mapping” and “example”. Mapping contains a form which is a list of select dropdowns. Stimulus is used to have each select’s…

[image] DaveSanders: And stimulus is just doing a form.submit. Should be form.requestSubmit. If you do form.submit, Turbo can’t intercept the submission and can’t understand the turbo-stream response from Rails. Note that you’ll need a polyfill — Safari doesn’t support requestSubmit .

[image] dan: form.requestSubmit Perfect, thank you! That worked exactly how I needed it as far as I can tell

Also, it looks like you can use: Turbo.navigator.submitForm(this.formTarget) and don’t need a polyfill in safari.

However, I just realized that when I’m submitting the form like this, even though I’m returning Turbo stream replace blocks, Turbo is not updating the frames on the page with the updated data. I added some validation messages and while I can see them in the response, Turbo isn’t updating the page to…

Well, I’ve almost figured this out. If I have Turbo.navigator.submitForm(this.formTarget) in my stimulus controller And, I have my form action in my rails controller render the full template (which includes my two turbo frames) WITH render :mapping, status: :accepted Then the form saves, the new…

What you’re running into is exactly why Turbo requires a redirect for form submissions . What was wrong with render turbo_stream: streams, as you’d originally intended?

When using the streams, turbo doesn’t update the frames, even though I’m sending them down and see them in my network tab. This is when using either this.formTarget.requestSubmit or Turbo.navigator.submitForm(this.formTarget) I’m thinking at this point I don’t have a good way to get the UX I want …

Hey Dave :wave: if you are looking for standard AJAX behavior with a UJS like interface while still being able to use Turbo / Turbo Streams, I could point you in the direction of Mrujs. (A library I created intended to be a drop-in replacement for rails-ujs) https://Mrujs.com If you have any quest…

Have a look a this post for a nice solution to this problem using request.js : [image] Triggering Turbo Frame with JS The requestSubmit method did not work in my case, I think because the search form was already nested in higher level form (autocomplete field in a form). …

Is there any documentation for that method?

Form submit with turbo-streams response, without redirect

lakim September 27, 2023, 8:05am 10

Have a look a this post for a nice solution to this problem using request.js:

Topic		Replies	Views
Render Turbo Frame Upon Form Submit	4	4043	February 18, 2022
Redirect After A Form Submission	9	3343	September 22, 2021
Form redirects not working as expected	21	12442	September 23, 2023
How to redirect from a form that is inside a turbo frame?	8	14785	June 23, 2023
Break out of a frame during form redirect	29	12798	January 16, 2026

Form submit with turbo-streams response, without redirect

Related topics