Fix z-index target (#26361)

twbs · May 7, 2018 · 788f3e6 · 788f3e6
1 parent e5e6d0c
commit 788f3e6
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/scss/_input-group.scss b/scss/_input-group.scss
@@ -21,18 +21,20 @@
     width: 1%;
     margin-bottom: 0;
 
-    // Bring the "active" form control to the top of surrounding elements
-    &:focus {
-      z-index: 3;
-    }
-
     + .form-control,
     + .custom-select,
     + .custom-file {
       margin-left: -$input-border-width;
     }
   }
 
+  // Bring the "active" form control to the top of surrounding elements
+  > .form-control:focus,
+  > .custom-select:focus,
+  > .custom-file .custom-file-input:focus ~ .custom-file-label {
+    z-index: 3;
+  }
+
   > .form-control,
   > .custom-select {
     &:not(:last-child) { @include border-right-radius(0); }