title: Shrink flexbox child by scrolling - works in Chrome not Firefox
body: <p>I want a flexbox child to be shrinked by becoming scrollable. I have created this (<a href="https://jsfiddle.net/4o1zLxvb/" rel="nofollow noreferrer">jsfiddle</a>) which works in Chrome, but not in Firefox:</p>
  
  <ul>
  <li><p>In Chrome, when the frame is shrunk vertically so that the content of the green section doesn't fit, the green section becomes scrollable. The main frame does not have a scrollbar.</p></li>
  <li><p>In Firefox however, the whole frame becomes gains a scrollbar, and the scrollbar of the green section is always disabled.</p></li>
  </ul>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="flex-column" style="height: 100%"&gt;
    &lt;div style="background-color: red"&gt;
      Foo
    &lt;/div&gt;
    &lt;div class="flex-column flex-shrink1"&gt;
      &lt;div class="flex-column flex-shrink1" style="overflow-y: scroll; background-color: green"&gt;
        Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;
        Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;
        Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;
        Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;Bar&lt;br&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>html, body {
      height: 100%;
      padding: 0px;
      margin: 0px;
  }
  
  .flex-column {
      display: flex;
      flex-direction: column;
  }
  
  .flex-column&gt;* {
      flex-shrink: 0;
  }
  
  .flex-shrink1 {
      flex-shrink: 1;
  }
  </code></pre>
  
  <p><strong>UPDATE</strong>: The fix for Firefox is to add style <code>min-height: 0</code> to the div which contains the scrollable div, and possibly parent flex items when using nested flex layouts (see <a href="https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox">2</a>, <a href="https://stackoverflow.com/questions/36247140/why-doesnt-flex-item-shrink-past-content-size">3</a>). However, this does not resolve the problem on Internet Explorer 11.</p>