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.

diff --git a/less/button-groups.less b/less/button-groups.less
index 27eb796b890a53b55b5033b037b99c802c42fb11..afeb707162f9da3f24e8c1adca8bdf0c095832f6 100644 (file)
--- 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;
 }