Bug Report

Bug Description

When I submit the form using without StimulusReflex all of the parameter data is present including:

id: 6
post_id: "photos-reveal-devastation-from-oil-spill-in-mauritius"

<ActionController::Parameters {"_method"=>"patch", "authenticity_token"=>"MDtxGtFe65lUnSZ8K32PdwNNBv7aAlOAmkAhjkKio7IrMTOdfMmn1s6M6vTsMarWRiBVmoUips7El17UxgToYw==", "element"=>{"content"=>"<h2><strong>Enim nulla aliquet porttitor lacus luctus accumsan.&nbsp;</strong></h2><div><br>Cursus euismod quis viverra nibh cras pulvinar mattis nunc. Urna id volutpat lacus laoreet non. Ut tortor pretium viverra suspendisse. something</div>"}, "commit"=>"Save", "controller"=>"authors/elements", "action"=>"update", "post_id"=>"photos-reveal-devastation-from-oil-spill-in-mauritius", "id"=>"6"} permitted: false>

However, when I submit a form using StimulusReflex the params that are submitted along with the form are including different data and are missing the post_id:

id: "photos-reveal-devastation-from-oil-spill-in-mauritius"
no post_id present

<ActionController::Parameters {"controller"=>"authors/posts", "action"=>"edit", "id"=>"photos-reveal-devastation-from-oil-spill-in-mauritius", "_method"=>"patch", "authenticity_token"=>"oBnP815mQ/E0IltrBnc4BB5CQurRxiA4o9qZTVE3dWj0tLy+krC2nN+Sy8+sAvN9gueYsx87YBc2YxQTrScJdg==", "element"=>{"content"=>"<h2><strong>Enim nulla aliquet porttitor lacus luctus accumsan.&nbsp;</strong></h2><div><br>Cursus euismod quis viverra nibh cras pulvinar mattis nunc. Urna id volutpat lacus laoreet non. Ut tortor pretium viverra suspendisse. something</div>"}} permitted: false>

I have the following in my routes.rb file:

  scope module: 'authors' do
    resources :posts do
      resources :elements
    end
  end

I have a Post made up of many elements:

class Post < ApplicationRecord
  has_many :elements
end

class Element < ApplicationRecord
 belongs_to :post 
end

On my edit post page I have one form for each of the elements that comprise the post: views/posts/edit.html.erb

<%= @post.element.each do |element| %>
  <%= render partial: 'paragraph_form', locals: { post: @post, element: element} %>
<% end %>

Paragraph Form

<%= form_with(model: [post,element], data: { reflex: "submit->ElementsReflex#update", signed_id: element.to_sgid.to_s})  do |form| %>
  <%= form.rich_text_area :content %>
  <div class="mt-3 d-flex justify-content-between">
    <div>
      <%= form.submit "Save", class: 'btn btn-primary' %>
      <a href="#" class="cancel btn btn-secondary">Cancel</a>
    </div>
      <%= link_to 'Delete', post_element_path(element.post, element), method: :delete, class: 'btn btn-danger', data: { confirm: 'Are you sure?'} %>
  </div>
<% end %>

This resolves correctly and I have the following in my form (simplified):

<form data-reflex="submit->ElementsReflex#update" action="/posts/new-titles/elements/16"  data-remote="true" method="post" data-action="submit->elements#__perform">

Here is the full output from the submission:

StimulusReflex::Channel#receive( {"target"=>"ElementsReflex#update", "args"=>[], "url"=>"http://localhost:3000/posts/new-titles/edit", "attrs"=>{ "data-reflex"=>"submit->ElementsReflex#update", "data-signed-id"=>"BAh7CEkiCGdpZAY6BkVUSSIcZ2lkOi8vcy1ibG9nL0VsZW1lbnQvMTYGOwBUSSIMcHVycG9zZQY7AFRJIgxkZWZhdWx0BjsAVEkiD2V4cGlyZXNfYXQGOwBUSSIdMjAyMC0wOS0xM1QxNzoyNDo0Ny40NjdaBjsAVA==--707039c8db2558e68dd5af108e93ebdfd2d2c9b1", "action"=>"/posts/new-titles/elements/16", "accept-charset"=>"UTF-8", "data-remote"=>"true", "method"=>"post", "data-action"=>"submit->elements#__perform", "checked"=>false, "selected"=>false, "tag_name"=>"FORM"}, "dataset"=>{"data-reflex"=>"submit->ElementsReflex#update", "data-signed-id"=>"BAh7CEkiCGdpZAY6BkVUSSIcZ2lkOi8vcy1ibG9nL0VsZW1lbnQvMTYGOwBUSSIMcHVycG9zZQY7AFRJIgxkZWZhdWx0BjsAVEkiD2V4cGlyZXNfYXQGOwBUSSIdMjAyMC0wOS0xM1QxNzoyNDo0Ny40NjdaBjsAVA==--707039c8db2558e68dd5af108e93ebdfd2d2c9b1", "data-remote"=>"true", "data-action"=>"submit->elements#__perform"}, "selectors"=>[], "reflexId"=>"e687bf2e-e108-4200-adbe-aab85ab99ba5", "permanent_attribute_name"=>"data-reflex-permanent", "params"=>{"_method"=>"patch", "authenticity_token"=>"dSWS/Ezp/wjaVGs4fyPT+rxJBstorYswpWCqk6pdp1HXf2ot+eK5V0/VCmaaKhcwNu7gac8n3dAqno6QYVLptQ==", "element"=>{"content"=>"<div>another one bites the</div>"}}})

To Reproduce

Create a page that contains several forms. The forms are for the has_many model of the association. Submit the form to a Stimulus Reflex reflex and examine the params object.

Expected behavior

I would expect that the params submitted via a Reflex would be the same as if I submitted the form to a Rails controller.

Versions

StimulusReflex

• Gem: stimulus_reflex 3.2.3
• Node package: “stimulus_reflex”: “^3.3.0-pre2”,

External tools

• Ruby:ruby 2.6.5p114
• Rails: 6.0.3.2
• Node: v14.5.0

Browser

• Browser Firefox
• Version 79