title: SVG Rectangle display HTML title on mouseover
body: <p>I try to display a tooltip on mouse hover a rectangle. My attempt were using <code>&lt;g&gt;</code> and set a <code>title</code> to it and set a <code>title</code> to the <code>&lt;rect&gt;</code> itself but does not produce any visible output (<em>on Chrome</em>).</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;svg width="200px" height="200px"&gt;
    &lt;g title="blue rectangle"&gt;
      &lt;rect width="50px" height="50px" fill="blue" x="10px" y="10px"&gt;&lt;/rect&gt;
    &lt;/g&gt;
    &lt;rect width="50px" height="50px" fill="red" x="60px" y="60px" title="red rectangle"&gt;&lt;/rect&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/Lw0x9w3j/1/" rel="noreferrer"><strong>JSFiddle</strong></a></p>
  
  <p><strong>OBSERVATION</strong></p>
  
  <p>Thanks to <strong>@Jacob Gray</strong> comment, the problem remains on Chrome (FireFox behaves correctly).</p>
  
  <p>Can anyone point me to the right direction ?</p>