title: Overflow auto not showing scrollbar
body: <p>I have a grid parent, with 2 columns. The left child has the same height as the parent (here is 100vh) and the right child is 1000px, which is greater than the parent.</p>
  <p>HTML:</p>
  <pre><code>&lt;body&gt;
      &lt;div class=&quot;leftcol&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;rightcol&quot;&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>body{
      background-color: white;
      display: grid;
      grid-template-columns: 2fr 3fr;
      margin: 0;
      overflow: hidden;
  }
  
  .leftcol {
      background-color: grey;
      height: 100vh;
      width: 100%;
  }
  
  .rightcol {
      background-color: black;
      height: 1000px;
      width: 100%;
      overflow: auto;
  }
  </code></pre>
  <p>I only want the right child to be scrollable, since it's height is greater than the parent, the left child will stay still. I've read some other posts and they suggest using <strong>overflow: auto</strong> on the child but mine is not working.</p>
  <p>Can anybody tell me what I did wrong here? Thank you.</p>