From 30fd1590d3567818fd12c13dc3dad616900b7399 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 25 Dec 2016 14:11:49 -0800
Subject: [PATCH] use flex and direction to do the stacked controls instead of
 float hacks

This also fixes #21280. Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.
---
 scss/_custom-forms.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index 6511a2998e..8c2ce328f6 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -114,10 +114,11 @@
 // set. Use these optional classes to tweak the layout.
 
 .custom-controls-stacked {
+  display: flex;
+  flex-direction: column;
+
   .custom-control {
-    float: left;
     margin-bottom: $custom-control-spacer-y;
-    clear: left;
 
     + .custom-control {
       margin-left: 0;