title: React list of elements not scrolling
body: <p>I have a div with a list of elements created on the render method of a component. The style of the container has <code>overflow: scroll</code> however the scroll doesn't show anything else than the initially visible items. I wonder if this behaviour is expected in react and how to fix it.</p>
  
  <pre><code>&lt;div style={{ margin: 15, marginLeft: 35 }}&gt;
      &lt;div style={{ display: 'flex', flexDirection: 'row' }}&gt;
        &lt;div style={{ marginRight: 10 }}&gt;
          Lorem Ipsum
        &lt;/div&gt;
        &lt;div style={{ display: 'block', maxWidth: 300, marginLeft: 20, overflow: 'scroll' }}&gt;
          &lt;div&gt; Item visible &lt;/div&gt;
          &lt;div&gt; Item visible &lt;/div&gt;
          &lt;div&gt; Item visible &lt;/div&gt;
          &lt;div&gt; Item visible &lt;/div&gt;
  
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
          &lt;div&gt; Item NOT visible &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>