title: Angular-material ng-click strange border highlight
body: <p>I have a problem with using AngularJS and Angular-Material.</p>
  
  <p>Take a look at the following code:</p>
  
  <pre><code>&lt;div flex="100"&gt;
     &lt;ul class="list-group"&gt;
         &lt;li class="list-group-item cursorPointer" 
          ng-repeat="item in array" ng-click="selectItem(item)"&gt;
            {{item.name}}
         &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The li tag has a ng-click function attach to it that contains some business logic. The problem is that there appears a strange border when you click on it (similar to user-selection highlight) and  I can't seem to figure out where is it coming from.</p>
  
  <p>This seems to appear only when I have an ng-click directive on an element (same behavior on span element)</p>
  
  <p>Versions used:</p>
  
  <p>AngularJS - 1.4.1</p>
  
  <p>Angular-Material - 0.9.4</p>
  
  <p>Angular-Aria - 1.4.0</p>
  
  <p>Angular-Animate - 1.4.1</p>
  
  <p>Angular-UI-Boostrap - 0.9.0</p>
  
  <p>Bootstrap - 3.2.0</p>
  
  <p>JQuery - 2.1.4</p>
  
  <p>Any ideas? See this plnkr for example: <a href="http://plnkr.co/edit/60u8Ur?p=preview">http://plnkr.co/edit/60u8Ur?p=preview</a></p>