From: Mark Otto <otto@github.com>
Date: Fri, 7 Mar 2014 07:50:55 +0000 (-0800)
Subject: Comment for #12794
X-Git-Tag: v3.2.0~433^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e180258b60c04c7d365f60cebdc1593be39d683d;p=thirdparty%2Fbootstrap.git

Comment for #12794
---

diff --git a/less/button-groups.less b/less/button-groups.less
index afeb707162..ff95b0474e 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -220,9 +220,17 @@
 
 
 // Checkbox and radio options
+//
+// In order to support the browser's form validation feedback, powered by the
+// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
+// use `display: none;` or `visibility: hidden;` as that also hides the popover.
+// This way, we ensure a DOM element is visible to position the popover from.
+//
+// See https://github.com/twbs/bootstrap/pull/12794 for more.
+
 [data-toggle="buttons"] > .btn > input[type="radio"],
 [data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  opacity: 0;
   position: absolute;
   z-index: -1;
+  opacity: 0;
 }