diff options
| author | Mark Otto <[email protected]> | 2014-03-06 23:50:55 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-06 23:51:07 -0800 |
| commit | e180258b60c04c7d365f60cebdc1593be39d683d (patch) | |
| tree | 3962ed894ee228b3aba9d2e647cdbd4933ab4ded /less/button-groups.less | |
| parent | f5f4a2da782cb4cefc5099e09b84e6f402d4e090 (diff) | |
| download | bootstrap-e180258b60c04c7d365f60cebdc1593be39d683d.tar.xz bootstrap-e180258b60c04c7d365f60cebdc1593be39d683d.zip | |
Comment for #12794
Diffstat (limited to 'less/button-groups.less')
| -rw-r--r-- | less/button-groups.less | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/less/button-groups.less b/less/button-groups.less index afeb70716..ff95b0474 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; } |