Active Storage direct uploads

Working with Active Storage direct uploads when the form is contained by a turbo frame seems not to working as expected.

<turbo-frame ...>
  <form ...>
    <input type="file" data-direct-upload-url="...">
    <input type="submit" ...>
  </form>
</turbo-frame>

Turbo intercepts the form submission and doesn’t allow the direct upload run before do the submit request.

But, when a form like this is NOT contained by a turbo-frame tag, it works as expected: the file is uploaded and then the form submitted by turbo.

Is there a workaround or possible solution for this?

Using turbo-rails (0.5.9) by the assets pipeline

[kylekeesling]

I just tested this and while it seems to work it also appears that the way to setup ActiveStorage in javascript has changed as I’m getting the following error:

Uncaught TypeError: ActiveStorage.start is not a function

Changing my setup to the following seems to do the trick though:

//Old
import * as ActiveStorage from "@rails/activestorage"
ActiveStorage.start()

//New
import "@rails/activestorage"

The Rails docs/guides don’t seem to reflect this change yet, so maybe it’s worth me submitting a PR to update the docs?

[seanpdoyle]

Thank you for following up on this @CharlieIGG. I’ve opened https://github.com/hotwired/turbo/pull/459 to make the changes mentioned by https://github.com/hotwired/turbo/issues/243#issuecomment-818730045.