title: How to show tooltip next to the mouse cursor on SVG, despite Non-SVG elements on the website?
body: <p><strong>Aim:</strong>
  I have a website with some content and svg scheme in the middle of it. When one points to the elements of the scheme, tooltips should appear next to the mouse cursor. </p>
  
  <p><strong>Problems:</strong> Based on examples like <a href="http://jsfiddle.net/mb5wz6ft/3/" rel="nofollow noreferrer">this</a>    (which was shown by Julian Berger in <a href="https://stackoverflow.com/questions/25803158/how-to-get-the-position-of-svg-element">How to get the position of SVG element</a>), I made working SVG. Unfortunately it is working only as long as the SVG scheme is not included into the website. Content other then SVG make evt.clientX and Y coordinates system to fail --> the tooltip starts to appear in some distance from the cursor (it seems that the more of other then SVG content I have, the further tooltip is moved away from cursor). The simple example is shown <a href="http://jsfiddle.net/forrest1988/rkLk0hvq/" rel="nofollow noreferrer">here</a>, simply by adding couple of <code>&lt;br/&gt;</code> before the actual SVG begins. </p>
  
  <p><strong>And my question:</strong>
  Do you have some ideas how to fix the position of the tooltip, so that it would appear always next to the moving cursor?</p>
  
  <p>All the best,
  Wojtek</p>