I have a map field which stores my mobile_json and I used inputs_for to display the embedded_schema’s fields which looks like:

<%= inputs_for f, :m_json, fn mobile_json -> %>
<div class="mobile-number-input-container">
  <div>
    <%= select mobile_json, :mcc, @country_dialing_codes %>
    <%= error_tag mobile_json, :mcc %>
  </div>
  <div>
    <%= number_input mobile_json, :mobile_nb, placeholder: "e.g. 90123456" %>
    <%= error_tag mobile_json, :mobile_nb %>
  </div>
</div>
<% end %>

This is what the form looks like:

image1526×1038 38.8 KB

Step 1: Fill in the one of the mobile_json fields

image1616×396 18.2 KB

Step 2: Modify any other fields (e.g. Country)

image1376×366 17.3 KB

As you can see the Mobile Number field reset back to empty. When you modify any other fields, the data in the inputs_for will be reset.

Really struggling to find solutions online, I really need help.

Thank you so so much in advance.