From f4a7888af5dd5291fdd769e92690ca38d51e56f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 4 Jun 2020 06:11:33 -0700 Subject: [PATCH] v4: Add z-index to .custom-check to fix custom checks in CSS columns (#30810) For some reason, custom checks in CSS columns need a new stacking order to maintain visibility. This PR adds `z-index: 1` to trigger that new stacking order. Since v5's forms are being redone entirely, and we're dropping IE10/11 there, I think this is totally fine to ship with v4 only. Will need to check v5's forms it in Edge though. Fixes #29607. Co-authored-by: XhmikosR --- scss/_custom-forms.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 0804c63cf9..234ec8a3a9 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -9,6 +9,7 @@ .custom-control { position: relative; + z-index: 1; display: block; min-height: $font-size-base * $line-height-base; padding-left: $custom-control-gutter + $custom-control-indicator-size;