From 60f31b32f869aea3938a200e43b7ad58206fd3d3 Mon Sep 17 00:00:00 2001 From: Shohei Yoshida Date: Mon, 18 Mar 2019 08:27:59 +0900 Subject: [PATCH] Workaround for MS edge bug (#28275) --- scss/_custom-forms.scss | 8 ++++++-- scss/_forms.scss | 4 +++- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 03f3fc5be2..07574df257 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -51,7 +51,9 @@ @include box-shadow($custom-control-indicator-active-box-shadow); } - &:disabled { + // Use disabled attribute instead of :disabled pseudo-class + // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 + &[disabled] { ~ .custom-control-label { color: $custom-control-label-disabled-color; @@ -307,7 +309,9 @@ box-shadow: $custom-file-focus-box-shadow; } - &:disabled ~ .custom-file-label { + // Use disabled attribute instead of :disabled pseudo-class + // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 + &[disabled] ~ .custom-file-label { background-color: $custom-file-disabled-bg; } diff --git a/scss/_forms.scss b/scss/_forms.scss index 79ca507f7a..ff01edcd2b 100644 --- a/scss/_forms.scss +++ b/scss/_forms.scss @@ -210,7 +210,9 @@ textarea.form-control { margin-top: $form-check-input-margin-y; margin-left: -$form-check-input-gutter; - &:disabled ~ .form-check-label { + // Use disabled attribute instead of :disabled pseudo-class + // Workaround for: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231 + &[disabled] ~ .form-check-label { color: $text-muted; } }