Fix #17001 in v4

Refs #18253
[skip sauce]

diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 3b4ef632cb4aab4f431b92d8ad3a269cfcbd7987..ad09d28a89ed8ea390a4b2ad3d04c089f16bd462 100644 (file)
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -19,6 +19,10 @@
     // proper border colors.
     position: relative;
     z-index: 2;
+    // Bring the "active" form control to the front
+    @include hover-focus-active {
+      z-index: 3;
+    }
     @if $enable-flex {
       flex: 1;
     } @else {
@@ -160,7 +164,7 @@
     }
     // Bring the "active" button to the front
     @include hover-focus-active {
-      z-index: 2;
+      z-index: 3;
     }
   }
 
@@ -176,6 +180,10 @@
     > .btn-group {
       z-index: 2;
       margin-left: -1px;
+      // Because specificity
+      @include hover-focus-active {
+        z-index: 3;
+      }
     }
   }
 }