Validation error for inline radios

[vpratfr]

I have a group of radio buttons displayed inline.

Problem is that the error message shows up right after the last option.

It should instead display below the inlined radios.

Below is the snippet to reproduce :

<div class="form-group">
    <div class="radio-group" id="inline_radio_field_radio_group" aria-describedby="inline_radio_field_helptext">
        <div class="custom-control-inline custom-control custom-radio">
            <input class="custom-control-input is-invalid" type="radio" name="inline_radio_field"
                   id="inline_radio_field_choice_1" value="choice_1">
            <label class="custom-control-label" for="inline_radio_field_choice_1">Choice 1</label>
        </div>
        <div class="custom-control-inline custom-control custom-radio">
            <input class="custom-control-input is-invalid" type="radio" checked="checked" name="inline_radio_field"
                   id="inline_radio_field_choice_2" value="choice_2">
            <label class="custom-control-label" for="inline_radio_field_choice_2">Choice 2</label>
        </div>
        <div class="custom-control-inline custom-control custom-radio">
            <div class="invalid-feedback">This is an error below the inline radio group</div>
            <input class="custom-control-input is-invalid" type="radio" name="inline_radio_field"
                   id="inline_radio_field_choice_3" value="choice_3">
            <label class="custom-control-label" for="inline_radio_field_choice_3">Choice 3</label>
            <div class="invalid-feedback">This is an error below the inline radio group</div>
        </div>
    </div>
    <small class="text-muted" id="inline_radio_field_helptext">... and another radio group, shown inline this time
    </small>
</div>

[Johann-S]

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via CodePen or JS Bin and report back with your link, Bootstrap version, and specific browser and OS details.

[vpratfr]

Here you go: https://jsfiddle.net/pd5w2ha8/

Thanks :)

[mdo]

We could look at providing a demo for this, but essentially you need to hack flexbox into submission with a random width: 100% element between the last input and the feedback message.

[anumalasri]

As it's been few months, we would like to know what is road map and when can we expect an update ?

[mdo]

Not to be too snarky, but if there was an update, you'd see it reflected here :).

[mdo]

Duplicate of #25540.