title: Directive does not trigger output changes in the DOM on click event unless I scroll
body: <p>For some random reason I create a directive that triggers on click, but when the click event is detected, the directive does not execute unless I scroll on the page, otherwise the directive won't fire itself.
  This bug only happens on windows, not on mac.
  Both work on the same version of Chrome (55)</p>
  
  <p>Here is a sample of a simple directive that will fire on windows only after a scroll </p>
  
  <pre><code>app.directive("myDirective", function(){
      return{
          restrict: "A",
          link: function(scope, element, attrs){
              element.click(function(){
                  alert("clicked");
              })
          }
      }
  })
  </code></pre>
  
  <p>Please do not comment it's an error of syntax as Im not really familiar with stackoverflow code edition, the code works well on mac, and other machines. I just encounter a random lag on some windows machine (not all) if anyone has ever encountered the same issue please</p>