From ca15add174fdd8507699e1ab18591ecb037b4396 Mon Sep 17 00:00:00 2001
From: Demian Ferreiro <demian@sumavisos.com>
Date: Wed, 19 Feb 2014 16:45:28 -0300
Subject: [PATCH] Fix UAs required message position on grouped radio buttons

Instead of not rendering the element at all with display:none, use opacity:0 and z-index:-1 so the radio element has a defined position on the document and user agents can show the required message in the right place.
---
 less/button-groups.less | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/less/button-groups.less b/less/button-groups.less
index 27eb796b89..afeb707162 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -222,5 +222,7 @@
 // Checkbox and radio options
 [data-toggle="buttons"] > .btn > input[type="radio"],
 [data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  display: none;
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
 }