From: Mark Otto <markdotto@gmail.com>
Date: Tue, 8 Aug 2017 05:25:35 +0000 (-0700)
Subject: Remove broken CSS that tried to reset the absolute positioning when there was no... 
X-Git-Tag: v4.0.0-beta.2~451
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=006590ed9a7e39c4fac96cf732d5241edd95a59c;p=thirdparty%2Fbootstrap.git

Remove broken CSS that tried to reset the absolute positioning when there was no text
---

diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md
index 6abe03e58e..eb3deb415c 100644
--- a/docs/4.0/components/forms.md
+++ b/docs/4.0/components/forms.md
@@ -238,17 +238,17 @@ Group checkboxes or radios on the same horizontal row by adding `.form-check-inl
 
 ### Without labels
 
-Should you have no text within the `<label>`, the input is positioned as you'd expect. **Currently only works on non-inline checkboxes and radios.** Remember to still provide some form of label for assistive technologies (for instance, using `aria-label`).
+Add `.position-static` to inputs within `.form-check` that don't have any label text. Remember to still provide some form of label for assistive technologies (for instance, using `aria-label`).
 
 {% example html %}
 <div class="form-check">
   <label class="form-check-label">
-    <input class="form-check-input" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
+    <input class="form-check-input position-static" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
   </label>
 </div>
 <div class="form-check">
   <label class="form-check-label">
-    <input class="form-check-input" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
+    <input class="form-check-input position-static" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
   </label>
 </div>
 {% endexample %}
diff --git a/scss/_forms.scss b/scss/_forms.scss
index 519554b47d..e884890e48 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -236,10 +236,6 @@ select.form-control-lg {
   position: absolute;
   margin-top: $form-check-input-margin-y;
   margin-left: -$form-check-input-gutter;
-
-  &:only-child {
-    position: static;
-  }
 }
 
 // Radios and checkboxes on same line