]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Use :focus-within for .form-file focus state (#29036)
authorMark Otto <otto@github.com>
Wed, 17 Jul 2019 13:56:54 +0000 (06:56 -0700)
committerXhmikosR <xhmikosr@gmail.com>
Wed, 17 Jul 2019 13:56:54 +0000 (16:56 +0300)
Fixes #26563, closes #26576, closes #29021.

scss/forms/_form-file.scss

index 7e6a0adba54c93dfef9a0176d922068f598e1fb6..b3c0d0df0284338166bda5dcf2498e352cc2c0a0 100644 (file)
   margin: 0;
   opacity: 0;
 
+  // Separate rules for :focus and :focus-within as IE doesn't support the latter, and
+  // thus ignores the entire ruleset. See https://github.com/twbs/bootstrap/pull/29036.
   &:focus ~ .form-file-label {
     border-color: $form-file-focus-border-color;
     box-shadow: $form-file-focus-box-shadow;
   }
 
+  &:focus-within ~ .form-file-label {
+    border-color: $form-file-focus-border-color;
+    box-shadow: $form-file-focus-box-shadow;
+  }
+
   // Use disabled attribute instead of :disabled pseudo-class
   // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231
   &[disabled] ~ .form-file-label .form-file-text {