Forgive me if I'm wrong, but I think you can avoid the extra `<div>` element and `formTarget`. You can use `this.element` to do so [0].<p><pre><code> import { Controller } from "@hotwired/stimulus";
export default class extends Controller {
submit(event) {
event.preventDefault();
this.element.requestSubmit();
}
}
</code></pre>
and<p><pre><code> <%= form_with(model: post, url: post_path(post), data: { "controller": "autosave" }) do |form| %>
<%= form.label :title %>
<%= form.text_field :title, class: "input", data: { action: "blur->autosave#submit" } %>
<turbo-frame id="title-status">
</turbo-frame>
<% end %>
</code></pre>
[0]: <a href="https://stimulus.hotwired.dev/reference/controllers#properties" rel="nofollow">https://stimulus.hotwired.dev/reference/controllers#properti...</a>
Honestly Turbo Streams and Hotwire have been a game changer for me. I can do so much with so little code. I can’t believe so many people are stuck in react hell.