title: Selenide test fails to interact with Material`s checkbox
body: <p>Dear stackoverflowers.</p>
  
  <p>We are using Selenide framework in our project to write automation tests for UI.
  We switched to Material-UI recently and faced with technical problems when it comes to simple <a href="http://www.material-ui.com/#/components/checkbox" rel="nofollow noreferrer">checkbox</a>.
  I am trying to select checkbox.</p>
  
  <pre><code>SelenideElement rememberMeCheckBox = $(By.cssSelector("input[type=\"checkbox\"]"));
  
  rememberMeCheckBox.setSelected(isSelected);
  </code></pre>
  
  <p>But while doing that I get an exception:</p>
  
  <pre><code>Element should be visible {input[type="checkbox"]}
  Element: '&lt;input type="checkbox" value="on" displayed:false&gt;&lt;/input&gt;'
  </code></pre>
  
  <p>And indeed when I check the real DOM it contains <code>opacity: 0</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/gcZ1c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gcZ1c.png" alt="enter image description here"></a></p>
  
  <p>When I set the opacity by force my automation tests works well. <strong>How to deal with that ?</strong></p>
  
  <p><a href="https://i.stack.imgur.com/NPMj4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NPMj4.png" alt="enter image description here"></a></p>