title: protractor cannot click an element but able to getText
body: <p>I have a search results page where I'm trying to click on the pagination buttons. I'm able to locate page elements via repeater. I'm also able to get text of the individual page element. But when I click on the page button, the results are different depending on the click method I use. I tried all kinds of click() methods but none work. What else can I try?</p>
  
  <p>Here is the code I have:</p>
  
  <pre><code>this.clickPageNumber = function(pgNum) {
      browser.executeScript('window.scrollTo(254,1600);').then(function() {
                  paginationPageNumberList.get(pgNum).then(function(we) {
                      browser.wait(EC.elementToBeClickable(we), 10000);
                      we.getText().then(function(pgText) { 
                          console.log('Clicking page: ' + pgText); //prints correct pg
                          we.click(); //this part doesn't work
                          browser.pause(); 
                      });
  
                  });
          });
  };
  </code></pre>
  
  <p>so here is everything I tried</p>
  
  <pre><code>browser.actions().mouseMove(we).click(); //no error but pg does not paginate
  we.sendKeys(protractor.Key.ENTER); //Error: Failed: unknown error : cannot focus element
  we.click(); //rror: Failed: unknown error: Element is not clickable at point (254, 806). Other element would receive the click: &lt;a href="" ng-click="selectPage(page - 1)" class="ng-binding"&gt;...&lt;/a&gt;
  </code></pre>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;div id="dispute-queue-search-result-pagination" class="pagination-controller"&gt;
  &lt;ul class="pagination ng-isolate-scope ng-valid" ng-change="resultController.pageChanged()" next-text="›" previous-text="‹" max-size="resultController.maxSize" ng-model="resultController.currentPage" items-per-page="resultController.itemsPerPage" total-items="resultController.totalItems"&gt;
  &lt;!-- ngIf: boundaryLinks --&gt;
  &lt;!-- ngIf: directionLinks --&gt;
  &lt;li class="ng-scope disabled" ng-class="{disabled: noPrevious()}" ng-if="directionLinks"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page - 1)" href=""&gt;‹&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngIf: directionLinks --&gt;
  &lt;!-- ngRepeat: page in pages track by $index --&gt;
  &lt;li class="ng-scope active" ng-class="{active: page.active}" ng-repeat="page in pages track by $index"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page.number)" href=""&gt;1&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngRepeat: page in pages track by $index --&gt;
  &lt;li class="ng-scope" ng-class="{active: page.active}" ng-repeat="page in pages track by $index"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page.number)" href=""&gt;2&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngRepeat: page in pages track by $index --&gt;
  &lt;li class="ng-scope" ng-class="{active: page.active}" ng-repeat="page in pages track by $index"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page.number)" href=""&gt;3&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngRepeat: page in pages track by $index --&gt;
  &lt;li class="ng-scope" ng-class="{active: page.active}" ng-repeat="page in pages track by $index"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page.number)" href=""&gt;4&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngRepeat: page in pages track by $index --&gt;
  &lt;li class="ng-scope" ng-class="{active: page.active}" ng-repeat="page in pages track by $index"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page.number)" href=""&gt;5&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngRepeat: page in pages track by $index --&gt;
  &lt;!-- ngIf: directionLinks --&gt;
  &lt;li class="ng-scope" ng-class="{disabled: noNext()}" ng-if="directionLinks"&gt;
  &lt;a class="ng-binding" ng-click="selectPage(page + 1)" href=""&gt;›&lt;/a&gt;
  &lt;/li&gt;
  &lt;!-- end ngIf: directionLinks --&gt;
  &lt;!-- ngIf: boundaryLinks --&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>