From: Mark Otto <markd.otto@gmail.com>
Date: Thu, 4 Jun 2020 13:11:33 +0000 (-0700)
Subject: v4: Add z-index to .custom-check to fix custom checks in CSS columns (#30810)
X-Git-Tag: v4.5.1~52
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=f4a7888af5dd5291fdd769e92690ca38d51e56f8;p=thirdparty%2Fbootstrap.git

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 <xhmikosr@gmail.com>
---

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;