title: Clicking First Visible Element of a Certain Class in Selenium
body: <p>I have a webpage that looks something like this:</p>
  
  <pre><code>&lt;div class="itemHolder" style="display: none;"&gt;&lt;/div&gt;
  &lt;div class="itemHolder" style="display: none;"&gt;&lt;/div&gt;
  &lt;div class="itemHolder" style="display: none;"&gt;&lt;/div&gt;
  &lt;div class="itemHolder"&gt;&lt;/div&gt; 
  &lt;div class="itemHolder" style="display: none;"&gt;&lt;/div&gt;
  &lt;div class="itemHolder" style="display: none;"&gt;&lt;/div&gt;
  &lt;div class="itemHolder"&gt;&lt;/div&gt;
  &lt;div class="itemHolder" style="display: none;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I need to double click on the first itemHolder that is visible. I've tried to use the following but I'm getting an error</p>
  
  <pre><code>myItem = driver.find_element_by_class("itemHolder")
  
  actions = ActionChains(driver)
  actions.move_to_element(myItem)
  actions.double_click(myItem)
  actions.perform()
  </code></pre>
  
  <blockquote>
    <p>raise exception_class(message, screen, stacktrace)
    selenium.common.exceptions.WebDriverException: Message: Element is not
    clickable at point (310.5, 208). Other element would receive the click</p>
  </blockquote>
  
  <p>So my question is, how can I click on the <strong><em>first visible itemHolder</em></strong> in selenium. </p>