Closed
Description
Given a schema like this:
{
type: 'radios',
inputName: 'test_radio_buttons',
label: 'Test Radio Buttons',
values: ['Radio 1', 'Radio 2']
}
I've noticed that the output for radios and checklists look like something akin to this:
<div class="form-group valid field-radios">
<label for="test-radio-buttons">Test Radio Buttons<!----></label>
<div class="field-wrap">
<div class="radio-list">
<label class="is-checked">
<input id="test-radio-buttons" type="radio" name="test_radio_buttons" value="Radio 1" checked="checked">Radio 1
</label>
<label>
<input id="test-radio-buttons" type="radio" name="test_radio_buttons" value="Radio 2">Radio 2
</label>
</div>
</div>
</div>
Note the id
on both inputs is the same. This issue also occurs on Checklists. The ID fields on on a a given page should be unique. Is it possible to add _[idx]
to the ID on each of these to make sure the IDs line up?