<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<ul dir="auto">
<li>Once a <code class="notranslate">Collapse</code> has finished animating in and has the <code class="notranslate">entered</code> className, <code class="notranslate">overflow</code> should be set to <code class="notranslate">visible</code> so borders, box-shadows, <code class="notranslate">Checkbox</code> ripples, contents positioned outside etc are visible.</li>
</ul>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Currently the <a href="https://github.com/mui-org/material-ui/blob/v1-beta/src/transitions/Collapse.js#L18-L20">implementation</a> only sets the <code class="notranslate">height</code> to <code class="notranslate">auto</code>, and the contents of a component which uses <code class="notranslate">Collapse</code> (like <code class="notranslate">StepContent</code>) can be clipped e.g. shadows around <code class="notranslate">Paper</code>s, <code class="notranslate">Card</code>s etc</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/koo6069llv" rel="nofollow">https://codesandbox.io/s/koo6069llv</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">The most common case where this will pop up is when using a form in a <code class="notranslate">Stepper</code> with <code class="notranslate">orientation</code> set to <code class="notranslate">vertical</code>.  The ripple from a <code class="notranslate">Checkbox</code> will clip at the edge of the <code class="notranslate">Collapse</code> used in <code class="notranslate">StepContent</code>.</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">See codesandbox link above.</p>
<h2 dir="auto">Workaround</h2>
<p dir="auto">I was able to use theme overrides to work around this for now:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="createMuiTheme({
  overrides: {
    MuiCollapse: {
      entered: {
        height: &quot;auto&quot;,
        overflow: &quot;visible&quot;
      }
    }
  }
});"><pre class="notranslate"><span class="pl-en">createMuiTheme</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">overrides</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">MuiCollapse</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">entered</span>: <span class="pl-kos">{</span>
        <span class="pl-c1">height</span>: <span class="pl-s">"auto"</span><span class="pl-kos">,</span>
        <span class="pl-c1">overflow</span>: <span class="pl-s">"visible"</span>
      <span class="pl-kos">}</span>
    <span class="pl-kos">}</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">The documentation of checkbox and radio button components at the docs website has 'label'.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">'label' property is missing.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Link: <a href="http://www.material-ui.com/#/components/checkbox" rel="nofollow">http://www.material-ui.com/#/components/checkbox</a></p>
<p dir="auto">PS: I'm happy to help to update docs, would be cool if you guide me where props types are coming from.</p>