title: How to click on element from select list with puppeteer
body: <p>I'm trying to create a automation on some website with puppeteer and I have a trouble with that when I try to click on element inside select list.</p>
  
  <p>All I found about that after some google search is to select an item but only when the list is inside "select" element.
  My problem is that the HTML I try to automate is inside a 'div':</p>
  
  <pre><code>&lt;div class="dropdown open dropdown--gray"&gt;
    &lt;div class="dropdown__header"&gt;
       &lt;div class="dropdown__field"&gt;other&lt;/div&gt;
       &lt;div class="dropdown__opener"&gt;
          &lt;span class="icon icon-chevron-down"&gt;&lt;/span&gt;
       &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="dropdown__list"&gt;
      &lt;div class="dropdown__list-item selected"&gt;other&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.org&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.co.uk&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.net&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.gov&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.de&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.fr&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.nl&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.com&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.be&lt;/div&gt;
      &lt;div class="dropdown__list-item"&gt;.jpg&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried this:</p>
  
  <pre><code>await page.click('div.dropdown__field');
  const elementHandle4=await page.$$("div.dropdown__list-item");
  await elementHandle4[8].click();
  </code></pre>
  
  <p>but actually its not click on the element.
  When I open manually the list after this code ran, I see that its scrolled down the scroller of the list but not clicked on the element.</p>
  
  <p>Thanks</p>