Menu
I'm using a <title> element inside a SVG <rect> as a sort of a tooltip. Is there a way to tweak the delay after which the tooltip is displayed? In Chrome it takes a few seconds until the tooltip shows up, which feels very slow. Interestingly, after the first tooltip is shown all the others show up immediately.
Edit
It seems that it's only slow on my OSX Chrome, not on Windows.
Fiddle: http://jsfiddle.net/assaflavie/aLyQr/
Is there a way to shorten the delay to a few hundred ms?
390
The title attribute is placed on the <svg> opening tag. The value can be any string. Hover over the svg and a tooltip appears.
The <title> tag for an SVG should be brief, much like an alt attribute for an image. In the SVG tag, include an aria-labelledby attribute that points to the <title> tag. If there is more than one shape, it can be a good idea to include a title tag for each shape group.
No. It is totally up to the user agent what delay it uses. The only solution would be to generate your own tooltips using mouseover/mouseout events and javascript.
70
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
