diff options
author | Thomas Park <thomas@thomaspark.me> | 2014-11-01 21:05:20 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2014-11-01 21:05:20 -0400 |
commit | 918b2a49ca6ac074bac47f6685cf3a687a4c6212 (patch) | |
tree | 5d11a2820c6e0726a6ee071724557d12a90c6709 /bower_components/bootstrap/less/button-groups.less | |
parent | 5c12c8a99c04fbff7d13e97679121a5de13e01d6 (diff) |
3.2.0 -> 3.3.0
Diffstat (limited to 'bower_components/bootstrap/less/button-groups.less')
-rw-r--r-- | bower_components/bootstrap/less/button-groups.less | 25 |
1 files changed, 16 insertions, 9 deletions
diff --git a/bower_components/bootstrap/less/button-groups.less b/bower_components/bootstrap/less/button-groups.less index 7021ecd1..fbcdf457 100644 --- a/bower_components/bootstrap/less/button-groups.less +++ b/bower_components/bootstrap/less/button-groups.less @@ -198,7 +198,6 @@ } - // Justified button groups // ---------------------- @@ -226,15 +225,23 @@ // 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. +// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use +// `display: none;` or `visibility: hidden;` as that also hides the popover. +// Simply visually hiding the inputs via `opacity` would leave them clickable in +// certain cases which is prevented by using `clip` and `pointer-events`. // This way, we ensure a DOM element is visible to position the popover from. // -// See https://github.com/twbs/bootstrap/pull/12794 for more. +// See https://github.com/twbs/bootstrap/pull/12794 and +// https://github.com/twbs/bootstrap/pull/14559 for more information. -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { - position: absolute; - z-index: -1; - .opacity(0); +[data-toggle="buttons"] { + > .btn, + > .btn-group > .btn { + input[type="radio"], + input[type="checkbox"] { + position: absolute; + clip: rect(0,0,0,0); + pointer-events: none; + } + } } |