title: Selenium cannot click menu-item from bootstrap dropdown
body: <pre><code>Actions action = new Actions(driver);
          WebElement we = driver.findElement(By.xpath("//*[@id='ctl00_Sitemap1_HyperLink1']"));
          action.moveToElement(we).build().perform();
          WebElement tmpElement= driver.findElement(By.xpath("//*[@id='ctl00_Sitemap1_HyperLink1']"));
          JavascriptExecutor js = (JavascriptExecutor) driver;
          js.executeScript("arguments[0].click();", tmpElement);
          List&lt;WebElement&gt; dd_list = driver.findElementsByXPath("//*[@id='masterNavigation']/ul/li[1]/ul/li"); 
             for (WebElement ele : dd_list) 
             {     
                System.out.println("Values " + ele.getAttribute("innerHTML"));     
                if (ele.getAttribute("innerHTML").contains("Event Dashboard")) {                   
                   ele.click();                                        
                   break;  
                } 
             }    
      }
  </code></pre>
  
  <p>Hi I am trying to Automate bootstrap drop-down menu. It's visibility is hidden by default.Once you hover mouse on it, its visibility property shows visible.I am able to click on drop-down , but after clicking on drop-down my selenium script is not selecting value from drop-down. </p>
  
  <blockquote>
    <p>Error: Exception in thread "main"
    org.openqa.selenium.ElementNotVisibleException: Cannot click on
    element</p>
  </blockquote>
  
  <p><strong>HTML Code Snippet</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a class="ui-button-text-icons" id="ctl00_Sitemap1_HyperLink1" href="javascript:void(void);"&gt;
      &lt;span style="padding-right: 1.3em;"&gt;Dashboards&lt;/span&gt;
      &lt;span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul style="visibility: hidden;"&gt;
      &lt;li class="first featureGranted"&gt;
          &lt;a href="ClassicDashboard.aspx"&gt;Classic Dashboard&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>