I began by moving my forms to a frame. On error, the server redirects back to the form with errors. Frames will replace the bounding HTML. All good till now However, after success, I want to move to a different page all together and that page cannot have the same frame in it’s HTML. A great exampl…

Yup. It does work with 303 if the form is out of the frame. I am trying to combine the both. Having the grace of frames to show the validation errors without re-rendering the whole page. But at the same time break out of a frame when the form submission is successful. I understand that maybe the fr…

Sorry, I wasn’t clear enough. I meant the request was made from out of a turbo frame: <%= turbo_frame_tag "new_discussion_message", src: new_discussion_message_path(@discussion), target: "_top" %> <%= turbo_frame_tag "new_discussion_message", target: "_top" do %> <%= form_with model: [@discussio…

Is there any upside of keeping this form inside a frame when its always targeting the _top?. Just curious.

I haven’t played much with Turbo yet but couldn’t you handle this scenario with Turbo Stream instead of Turbo Frame? You just display the login error message with a Turbo Stream and redirect with Turbo Drive if the login is successful.

The pattern of re-rendering a form with validation errors and redirecting on success is very common - is there a reason Turbo Drive prevents this? What is the simplest workaround here? See also: https://github.com/hotwired/turbo/issues/22 . This seems to be quite a serious breaking bug, especially …

Regarding form validation errors: [image] How to show form validation errors? We intend to allow HTTP 422 responses for form submissions inside frames, but it didn’t make the cut for the initial beta release. For now, you can try sending a Turbo Streams response that re-…

I’m trying to do exactly the same. Either the JS will raise if the frame has a target _top and the backend does not redirect, either the frame has no target but nothing will happen on redirect.

Try adding data-turbo-frame="_top" to your form(not the frame). I tried this and it works. If you’re using rails form builder: form_with(..., data: {'turbo-frame' => '_top'})

Adding data-turbo-frame="_top" to your form has bad side effect that page jump to top after form submission. Especially visible on long pages on mobile.

I “solved” it by having .mt-5.md:mt-0.md:col-span-2 id=dom_id(current_user) = form_with(model: current_user, url: profiles_path, data: {turbo_frame: "_top"}) do |f| and then in the controller def update if current_user.update(profile_params) flash[:notice] = "Profile successfully up…

Break out of a frame during form redirect

General

sam December 23, 2020, 2:22pm 10

Regarding form validation errors:

Topic		Replies	Views
Form redirects not working as expected General	21	12740	September 23, 2023
How to redirect from a form that is inside a turbo frame? General	8	14889	June 23, 2023
[Turbo] Redirect after form submit? General	2	4507	February 18, 2021
Reload page with turbo frame after modal form submit General	7	6701	February 1, 2024
Redirect on form update General	5	886	October 26, 2022

Break out of a frame during form redirect

Related topics