title: hide autocomplete (suggestions ) list when scrolling in antd modal / react
body: <p>when I started writing on an input field in a simple form it displays an auto suggestion list of old data (autocomplete), when the (window scroll) it disappear and every thing is working fine.</p>
  
  <p>but when I put the input field in antd modal which includes (other scroller) the suggestion list is still appearing when I scroll up/down.</p>
  
  <p>A solution came to my mind which is adding event listener to antd modal scroller (ant-modal-wrapper) so when it is moved I turned off the auto suggestion feature. but I couldn’t find way to add listener to that scroller cuz it is not (window.scroll).</p>
  
  <p>I tried to use jquery also, like </p>
  
  <pre><code>$(".ant-modal-wrapper").on("scroll", function() {      
      console.log("Scrolling");
    });
  </code></pre>
  
  <p>but did not work.</p>
  
  <p>Also I used onScroll property inside modal div but did not work.</p>
  
  <p>this is a screenshot may help to explain this issue in antd modal</p>
  
  <p><a href="https://i.stack.imgur.com/U7cBf.png" rel="nofollow noreferrer">suggestions list before scrolling</a></p>
  
  <p><a href="https://i.stack.imgur.com/0i4hS.png" rel="nofollow noreferrer">suggestions list after scrolling down</a></p>
  
  <p>any suggestions or better solution to fix my issue would be helpful. thank you</p>