Form Validation Rounded Corners w. input-group.

[tom-price]

With Bootstrap 5 when an input-group is used the has-validation class must be added to fix an issue with border radius as mentioned in the docs. However, this doesn't mention that if the validated input in the input group has no valid-feedback or invalid-feedback div then the issue with the border re-asserts itself.

This can be fixed by adding an empty <div></div> to the end of the input-group with has-validation set. See here for an example of the issue. Note the incorrect border around the before and after elements.