Use a legend instead of a label to group option fields

Using a label for a non-existent element ID was invalid HTML.
This commit is contained in:
Javi Martín
2025-04-02 20:21:41 +02:00
parent c6f1974c45
commit 50e8153583

View File

@@ -17,24 +17,26 @@
</div> </div>
<div class="row"> <div class="row">
<div class="small-12 medium-9 column"> <fieldset>
<%= f.label :question_options, t("admin.legislation.questions.form.question_options") %> <legend class="small-12 medium-9 column">
</div> <%= t("admin.legislation.questions.form.question_options") %>
</legend>
<div id="nested_question_options"> <div id="nested_question_options">
<%= f.fields_for :question_options do |ff| %> <%= f.fields_for :question_options do |ff| %>
<%= render "question_option_fields", f: ff %> <%= render "question_option_fields", f: ff %>
<% end %> <% end %>
<div class="js-add-fields-container"> <div class="js-add-fields-container">
<div class="small-12 medium-9 column"> <div class="small-12 medium-9 column">
<%= link_to_add_association t("admin.legislation.questions.form.add_option"), <%= link_to_add_association t("admin.legislation.questions.form.add_option"),
f, f,
:question_options, :question_options,
class: "button hollow" %> class: "button hollow" %>
</div>
</div> </div>
</div> </div>
</div> </fieldset>
<div class="small-12 medium-6 large-3 clear column end margin-top"> <div class="small-12 medium-6 large-3 clear column end margin-top">
<%= f.submit(class: "button success expanded", value: t("admin.legislation.questions.#{admin_submit_action(@question)}.submit_button")) %> <%= f.submit(class: "button success expanded", value: t("admin.legislation.questions.#{admin_submit_action(@question)}.submit_button")) %>