I’ve got an application where I’m rendering a lot of Svgs.
On one specific I want to have display on hover info. Using title attribute won’t do it on svgs. A trick is to use <title> (SVG Title vs. HTML Title Attribute | CSS-Tricks - CSS-Tricks), but elm doesn’t allow <title>, since I guess its a head.
The Svg.title tag seems to work directly on other shapes like rect as well.
Updated the example to hover on a box instead of text here: https://ellie-app.com/pYzCrWmSQFBa1
Yes thanks! I had put the Svg.attribute width on the rect instead of the Svg holding the rect and text.
There is something odd within the app that I’m working on, the title only appear once. Then I have to click on something and hover again for it to work. But it works! Thanks!