title: offsetHeight wrong value provided
body: <p>I'm using angularjs to get a div height. My code is as below : </p>
  
  <pre><code>&lt;div ng-repeat="col in columns"&gt;
    &lt;div class="panel-default"&gt;
      ...
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Angular code is : </p>
  
  <pre><code>//get elements
  for(var i=0; i &lt; columns.length ; i++)
  console.log(angular.element(".panel-default")[i].offsetHeight);
  </code></pre>
  
  <p>The output in the console is incrementing something like : </p>
  
  <pre><code>111
  180
  223
  265
  ...
  2405
  </code></pre>
  
  <p>The height is wrong for elements, and it is not incrementing on UI as console shows. but when i display <strong>angular.element(".panel-default")</strong> and click to see for each element the offsetHeight parameter is correct.</p>
  
  <p>I tried also with jQuery </p>
  
  <pre><code>$(.class).height()
  </code></pre>
  
  <p>and native javascript </p>
  
  <pre><code>document.getElementsByClassName("class")[0].offsetHeight
  </code></pre>
  
  <p>But same result.
  Why is that confusing ? </p>
  
  <p><strong>Edit</strong></p>
  
  <p><a href="https://i.stack.imgur.com/YPHlJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YPHlJ.png" alt="Output for console.log($(&quot;.panel-default&quot;))"></a></p>