Re: Title element of SVG for popup tooltip

On Mon, 16 Mar 2015 10:33:51 +0100, Thomash Lee <>  

> Dear SVG developers,
> There is one issue with the "title" element in SVG which may be worth of  
> your attention. I use title element extensively to serve as popup  
> tooltip on mouse hover in the following manner:
> <path><title>(Description of the path object)</title></path>
> It works, at least in Mozilla Firefox, while iOS Safari apparently  
> doesn't support popup tooltip yet. The problem is, for long and  
> repetitive description, text of this particular element cannot be  
> linked, so the following code doesn't work:
> <defs><title id="asd">(Long description)</title></defs>
> <path><use xlink:href="#asd"/></path>

The content model of <path> doesn't allow <use> as children, in other  
words what you have is not valid svg.

You could do:

<defs><title id="asd">(Long description)</title></defs>
<path aria-describedby="asd"/>

Not sure if of the browsers today would use this for the native tooltips  
however, my guess is that they won't.

Erik Dahlstrom, Web Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group

Received on Monday, 16 March 2015 15:23:51 UTC