title: Cannot click on Angular-JS button with selenium web-driver: ElementNotVisibleException
body: <p>I trying to click on this button (it is clearly on the page and in view):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button class="ui tertiary button" data-ng-click="addRoom()" data-ng-disabled="pendingRequests &gt;= 1"&gt;ADD ROOM TO CRUISE CART&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my code:</p>
  
  <pre><code>driver.FindElement(By.CssSelector("button[data-ng-click^='addRoom']")).Click();
  </code></pre>
  
  <p>It always throws this error:</p>
  
  <blockquote>
    <p>OpenQA.Selenium.ElementNotVisibleException : Element is not currently visible and so may not be interacted with</p>
  </blockquote>
  
  <p>Is Selenium WebDriver compatible with angular JS?</p>