title: react-modal: Don't scroll parent component when Modal is opened ios
body: <p>This problem is related to #issue 191: Don't scroll parent component when Modal is opened</p>
  
  <p>This problem now happens on iOS. Because the parent behind is getting scrolled. The modal sometimes appears unresponsive. I followed the recommendation using onAfterOpen callback like this: </p>
  
  <pre><code>&lt;Modal
        isOpen={open}
        onRequestClose={this.handleCloseModal}
        style={styles.modal}
        contentLabel="Example Modal"
        onAfterOpen={this.disableScroll}
  &gt;
  </code></pre>
  
  <p>in the same parent, i defined disableScroll:</p>
  
  <pre><code>disableScroll = () =&gt; {
     document.body.style.overflow = 'hidden'
  }
  </code></pre>
  
  <p>I also followed the css guidelines for ios:</p>
  
  <pre><code>parent: {
    overflow: 'hidden',
    position: 'absolute',
    width: '100%',
    height: '100%'},
  </code></pre>
  
  <p>Too bad this stops the scrolling for parent view when modal is closed too. 
  Any idea how to resolve this on ios?</p>