checkbox: Doesn't work in MS Edge

[narqo]

Unfortunately b26d167 has broken the behaviour of our checkboxes, so now we have the same bug described in #1472 but in the upcoming Edge/IE11 browsers.

Note, that I've used bem-core#v2 HEAD with bem/bem-core#1066 fixies to test.

[sipayRT]

@narqo on an extreme case we can use IE11 hack:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .checkbox_theme_islands .checkbox__box
    {
        pointer-events: auto;
    }
}

it works fine for me

[narqo]

Does it work in the Edge? MSDN says:

As of Microsoft Edge, -ms-high-contrast: none is no longer supported

Do you now any CSS hack for iOS Safari only?

[sipayRT]

Just found mega-dirty-hack:

_::-webkit-full-page-media, _:future, :root .checkbox_theme_islands
{
    background: red !important;
}

Tested on:

• Safari for Mac 8.0.7 (Yosemite)
• iOS Simulator (version 8.0.3 and 8.0.4):
  • Safari on iPhone 4s
  • Safari om iPad Retina

Proof:

So, we can wrap pointer-events value under this hack

[narqo]

Well, one mega-dirty-hack is better than three ugly hacks. Let's switch to it (this hack for Firefox can be removed as well) and check that checkboxes work everywhere. Please add comment link with original issue about iOS and this one.