title: Interacting with popup scrollbar
body: <p>I'm trying to scroll down the popup window here: (note you'll need to click any food item on the page to bring up the popup in question)</p>
  <p><a href="https://www.just-eat.co.uk/restaurants-mcdonalds-claphamjunction/menu" rel="nofollow noreferrer">https://www.just-eat.co.uk/restaurants-mcdonalds-claphamjunction/menu</a></p>
  <p>I've tried to scroll down this popup using the below code, first identifying the popup scrollbar using its css selector and then sending arrow down keys to it.</p>
  <pre><code>popup = browser.find_element_by_css_selector(&quot;body &gt; div:nth-child(3) &gt; div:nth-child(4) &gt; div.c-megaModal.MegaModal_c-megaModal_3w2Fg.u-overlay.c-itemSelector.c-modal--popUp--belowMid.is-fullHeight&quot;)
  popup.send_keys(Keys.ARROW_DOWN)
  </code></pre>
  <p>However, I get the following error message:</p>
  <pre><code>selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable
  </code></pre>
  <p>I managed to scroll down fine using FireFox but I can't get it to work on Chrome (need to use Chrome for other reasons).</p>
  <p>Any help would be appreciated</p>
  <p>EDIT:</p>
  <p>I tried the following but it's not scrolling (no error message appears it just passes through the code without scrolling).</p>
  <pre><code>        wait = WebDriverWait(browser, 20)
          for _ in range(8):
              wait.until(EC.visibility_of_element_located(
                  (By.XPATH, &quot;//div[contains(@class,'MegaModal_c-megaModal-document--scrollable')]&quot;)))
              browser.execute_script(
                  &quot;document.querySelector('div[class*=MegaModal_c-megaModal-document--scrollable]').scrollDown += 250&quot;)
  </code></pre>