can only interact with a turbo frame once?

It’s probably something silly, but I couldn’t figure it out yet…

The problem: After interacting with a specific turboframe, I cannot interact with it again.

First off: the server response does contain the correct turbo-frame-id 😃

Further details:

I have a simple form to inline edit the title of an item. It works on all items on the list perfectly. I click edit, update, click save, and the change is reflected. However if I try to do this another time on the same item, it just doesn’t do anything. No errors. If I edit another untouched item, it works fine.

When I inspect the element after updating, it still has the turbo-frame-id provided in the responses, but somehow also added src which wasn’t returned by the server… I’m not sure if this is a potential clue?

See attached video that hope demonstrates this?

using: turbo-rails gem 0.5.9, turbo-rails 7.0.0-beta.5, rails 6.0 with webpacker 5.2.1

[rockwellll]

well, i came up with this solution for now

import { Controller } from 'stimulus';

// there is a bug within turbo that dosent let you navigate
// from a frame more than once, to fix this you have to reset the frame
// src and all works. this is a monkey patch. to use it
// place it directly on a frame, data-controller="reset-frame-src"
// data-action="turbo:submit-end->reset-frame-src#reset"

export default class extends Controller {
    reset() {
        this.element.src = "";
    }
}

and i use it like so

turbo_frame_tag some-id,
                    data: {controller: 'reset-frame-src',
                           action: 'turbo:submit-end->reset-frame-src#reset'} 

this will reset the src only on form submits, and links will work as expected, for example clicking. a back button within the frame will work, but when a form submission completes, it resets the src.

[duleorlovic]

The documentations says that POST should redirect, I’m not sure why GET should also use redirect ? My use case is to use GET request for showing in another frame <turbo-frame id='modal'></turbo-frame> <turbo-frame target="modal"><a href='posts/1/edit'>Edit</a></turbo-frame>. But OK, for now I’m using this hack to have redirection response

  def edit
      if params[:redirection_happens].blank?
        redirect_to edit_post_path(params[:id], redirection_happens: true)
      end
  end