impress-org/givewp-next-gen

Radio labels do not select the corresponding option

Closed this issue · 0 comments

Details

Currently all labels have the same for= attribute value, which is the name of the input. Instead, the for= attribute for each label should correspond to an option's id attribute.

Expected Behavior

Clicking the label of a radio option should set that radio to that option.

Visuals

<div class="givewp-fields-radio__options">
    <div class="givewp-fields-radio__option-container">
        <input type="radio" name="enableTribute" value="show">
        <label for="enableTribute">Yes, please</label>
    </div>
    <div class="givewp-fields-radio__option-container">
        <input type="radio" name="enableTribute" value="hide">
        <label for="enableTribute">No, thank you</label>
    </div>
</div>

image