title: get offsetTop on SVG element
body: <p>Why is <code>offsetTop</code> returning <code>undefined</code> on this SVG element?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var svg = document.querySelector('svg')
  var h1 = document.querySelector('h1')
  
  console.log('svg', svg.offsetTop)
  console.log('h1', h1.offsetTop)</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg width="26" height="30" viewBox="0 0 12 14"&gt;
    &lt;path d="M6 4.038L12 0v3.623L6 8 0 3.623V0l6 4.038zm0 6L12 6v3.623L6 14 0 9.623V6l6 4.038z"/&gt;
  &lt;/svg&gt;
      
  &lt;h1&gt;This works&lt;/h1&gt;</code></pre>
  </div>
  </div>
  </p>