title: Protractor classname locator fails but xpath locator passes
body: <p>Protractor assertion passes with the xpath locator but not with the classname locator.</p>
  
  <p><strong>Works</strong></p>
  
  <p><code>var menu = element(by.xpath('/html/body/page/div[1]/div[3]/div[2]/div[1]/span'));</code></p>
  
  <p>Passes it's assertion.</p>
  
  <p><strong>Fails</strong></p>
  
  <p><code>var menu = element(by.classname('menu'));</code></p>
  
  <p>Yields the following errors: </p>
  
  <p>In chrome,</p>
  
  <blockquote>
    <p>Failed: element not interactable</p>
  </blockquote>
  
  <p>In firefox,</p>
  
  <blockquote>
    <p>Failed: Element  could not be scrolled into view</p>
  </blockquote>
  
  <p>Why might this be?</p>