Fix mouse events firing on inputs. Close flatlogic#15

micrum · micrum · commit 1c73a3455109 · 2015-03-06T16:28:00.000+03:00
diff --git a/awesome-bootstrap-checkbox.css b/awesome-bootstrap-checkbox.css
@@ -31,7 +31,8 @@
     font-size: 11px;
     color: #555555; }
 .checkbox input[type="checkbox"] {
-    opacity: 0; }
+    opacity: 0;
+    z-index: 1; }
 .checkbox input[type="checkbox"]:focus + label::before {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
@@ -119,7 +120,8 @@
     -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
     transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
 .radio input[type="radio"] {
-    opacity: 0; }
+    opacity: 0;
+    z-index: 1; }
 .radio input[type="radio"]:focus + label::before {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
diff --git a/awesome-bootstrap-checkbox.less b/awesome-bootstrap-checkbox.less
@@ -54,6 +54,7 @@
 
   input[type="checkbox"]{
     opacity: 0;
+    z-index: 1;
 
     &:focus + label::before{
       .tab-focus();
@@ -154,6 +155,7 @@
 
   input[type="radio"]{
     opacity: 0;
+    z-index: 1;
 
     &:focus + label::before{
       .tab-focus();
diff --git a/awesome-bootstrap-checkbox.scss b/awesome-bootstrap-checkbox.scss
@@ -54,6 +54,7 @@
 
   input[type="checkbox"]{
     opacity: 0;
+    z-index: 1;
 
     &:focus + label::before{
       @include tab-focus();
@@ -154,6 +155,7 @@
 
   input[type="radio"]{
     opacity: 0;
+    z-index: 1;
 
     &:focus + label::before{
       @include tab-focus();
diff --git a/demo/build.css b/demo/build.css
@@ -31,7 +31,8 @@
       font-size: 11px;
       color: #555555; }
   .checkbox input[type="checkbox"] {
-    opacity: 0; }
+    opacity: 0;
+    z-index: 1; }
     .checkbox input[type="checkbox"]:focus + label::before {
       outline: thin dotted;
       outline: 5px auto -webkit-focus-ring-color;
@@ -119,7 +120,8 @@
       -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
       transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
   .radio input[type="radio"] {
-    opacity: 0; }
+    opacity: 0;
+    z-index: 1; }
     .radio input[type="radio"]:focus + label::before {
       outline: thin dotted;
       outline: 5px auto -webkit-focus-ring-color;
diff --git a/demo/build.less.css b/demo/build.less.css
@@ -36,6 +36,7 @@
 }
 .checkbox input[type="checkbox"] {
   opacity: 0;
+  z-index: 1;
 }
 .checkbox input[type="checkbox"]:focus + label::before {
   outline: thin dotted;
@@ -139,6 +140,7 @@
 }
 .radio input[type="radio"] {
   opacity: 0;
+  z-index: 1;
 }
 .radio input[type="radio"]:focus + label::before {
   outline: thin dotted;

Original file line number	Diff line number	Diff line change
`@@ -36,6 +36,7 @@`
`36`	`36`	`}`
`37`	`37`	`.checkbox input[type="checkbox"] {`
`38`	`38`	`opacity: 0;`
	`39`	`+ z-index: 1;`
`39`	`40`	`}`
`40`	`41`	`.checkbox input[type="checkbox"]:focus + label::before {`
`41`	`42`	`outline: thin dotted;`
`@@ -139,6 +140,7 @@`
`139`	`140`	`}`
`140`	`141`	`.radio input[type="radio"] {`
`141`	`142`	`opacity: 0;`
	`143`	`+ z-index: 1;`
`142`	`144`	`}`
`143`	`145`	`.radio input[type="radio"]:focus + label::before {`
`144`	`146`	`outline: thin dotted;`