Rails turbo frame response not firing turbo:load

Question

I have a standard inline edit using Turbo, that replaces the turbo frame of the show view with the turbo frame in the _form. But the $(document).on "turbo:load", -> event is not firing in this case.

I don't see another event that should be used. Any ideas how to run js on a response that replaces a turbo frame? (eg to initialise the datepicker in a form)

score 3 · Accepted Answer · answered Apr 29 '21 at 11:44

3

The event that fires when a frame loads is still under construction: https://github.com/hotwired/turbo/pull/59

The only events we currently have are turbo:before-fetch-request and turbo:before-fetch-response, that fire at the document level every time Turbo changes a frame or navigates pages. The content of the frame won't be loaded by the time the event fires, but it will allow you to potentially use the loaded property of the frame to hook up a promise that runs when the frame has loaded.

$(document).on("turbo:before-fetch-response", (e) ->
  frame = document.getElementById("myFrame")
  # Frame has finished loading
  if frame.complete
    #run my code
  else
    # Frame is still loading, run this code when it finishes
    frame.loaded.then () ->
      # run my code

Otherwise you can write a Stimulus controller that wraps your datepicker initialisation, so that you don't have to watch for it coming in and out of the DOM.

answered Apr 29 '21 at 11:44

SubXaero

367
3
8

1

thanks for this, but I'm more concerned that someone still writes coffeescript in 2021... – Askdesigners May 04 '21 at 13:59
2

I wrote coffeescript as that appeared to be what the question was written in... – SubXaero May 05 '21 at 13:53
Fair enough! :) – Askdesigners May 07 '21 at 15:12
1

The coffeescript in the question wasn't written in 2021 if that eases your concerns @Askdesigners! – rigyt May 09 '21 at 13:41

Rails turbo frame response not firing turbo:load

1 Answers1

Linked