Border indicating failed input field validation in input group is hidden behind its neighbor element

Created by: n01337

In contrast to a focused input element, the invalidity indicator border (red by default) is hidden behind its neighboring elements. It would be worthwhile to optionally allow to show this border around the whole input group or otherwise raise its zIndex appropriately.

Applies to the bootstrap v5.0.0-beta3.

What it looks like How it should look like

The images are a combination of an input and a select element put within an input group.