Hi there, I am using a turbo-frame to render a small edit view within a popover. It works pretty well, to handle the update of it (including the redirect), as well as displaying possible errors within the form. What doesn’t work is, when I tried to add a delete button within that popover->turbo-f…

You’ll want to submit a form rather than click a link. The button_to method will be your friend. If you’re rendering that link with link_to, the change will be dead easy: # You’ll change something like this... <%= link_to "Delete", post, data: { method: :delete } %> # to this... <%= button_to "…

Would mind going into a bit more detail as to why the <%= link_to "Delete", post, data: { method: :delete } %> is problematic here? Many thanks for the work around!

As far as I remember, the main issue was, that turbo followed the link (even if it shouldn’t). But it’s not really turbo’s fault. So if you declare the link like: = link_to xy_path, data: { turbo: false, method: :post } ujs library will grab it (and turbo ignores the link). But ujs creates a hidd…

@julian from a more conceptual point of view…the answer is it’s just what the web wants us to do. HTML doesn’t natively give us a way for a link to make a POST request, because that’s not what a link is for! The HTML standard says a link is for navigation . When you navigate around the web, you make …

@dan thanks for the explanation. I indeed agreed with the (probably academic) approach how it is described above in the twitter link, and I still think, it’s not a turbo issue (but the problem started to appear with it :slight_smile: ). When I agree with the “HTML intention” to not provide navigati…

This PR might be of interest! Turn links with methods into form submissions by dhh · Pull Request #277 · hotwired/turbo · GitHub

So the workaround works, but in my opinion it’s not very good , because form-in-form is an unsupported/invalid markup. But that’s what happens, if you render button_to within another forms’ context. So whenever you want to render the destroy button within the area, where the form is visible, you ne…

Hi @dan , thanks for the information about the PR. It seems like this could be the missing part - nearly The problems with form-in-form will still exist, when I understand that correctly, won’t it? The link is turned into a form that’s added next to the link in the dom, … However I really appre…

Thanks for that workaround @tleish ! To be honest, I’m not feeling, like this makes the markup “clean” or “good” for just following to “do what html wants you to do” - but yeah, it’s a solution to the form-in-form problem :slight_smile: Thanks alot for so much contribution!

Destroy record in turbo-frame

General

ClayShentrup October 22, 2021, 4:48am 17

Same! ........

Topic		Replies	Views
Form redirects not working as expected General	21	12735	September 23, 2023
Work around multiple FORM elements bug with Turbo General	3	949	February 22, 2021
Link_to not working with Ruby on Rails/ Devise Gem General	5	1802	May 4, 2022
Easiest way to remove turbo frame General	8	6003	June 18, 2023
Link to delete and turbo drive disabled General	3	1772	February 21, 2022

Destroy record in turbo-frame

Related topics