Form does not update turbo-frame

#1

I have a form

<turbo-frame id="goals">
    <form action="/add_goal">
        <label for="goal_name">Goal Name</label>
        <input type="text" id="goal_name" name="goal_name" placeholder="Goal name..">
        <input type="submit" value="Add Goal">
    </form>
</turbo-frame>

that I want to replace.

As a reply I send 303 and “Location: /added_goal” and “/added_goal” returns

<html>
<body>
<turbo-frame id="goals">
    OK!
</turbo-frame>
</body>
</html>

Turbo sets the src on turbo-frame but does not replace the content.

#2

Hi Stephan,

you do not need a turbo frame to submit a form. Just use a normal form with id like:

  <form action="/activities/new"
      method="POST"
      id="b__activity_edit">
     <!-- form content -->
</form>

Then just return a Turbo stream with id of the form and action replace like:

<turbo-stream action="replace" target="b__activity_edit">
    <template>
     <h1>Update</h1>
   </template>
</turbo-stream>

I use that in my side project Baralga, a web based time tracker GitHub - Baralga/backend: Baralga Server Backend for multi-user capable time tracking.

Bye,
Jan

Struggling with Turbo coming from HTMX