SVG Animation Events Not Working

[keith-gray-powereng]

First off, this may not be an issue with hieroglyph but the javascript library. If that is the case, please let me know and I will file the bug with that project.

I am attempting to use SVG animations in my slides. I have the animation working correctly using the image directive to load the SVG file. The problem I have is that I want to start the animation using a mouse click. However, it appears as if the click event is not making it to the SVG image because the animation does not start when viewed in the slide. When the SVG image is viewed directly (outside of the slide), the animation starts when the object is clicked.

Thanks for the great project!

[nyergler]

First, apologies for taking so long to look into this. Do you happen to have an example of an SVG animation I could use to debug this issue, @keith-gray-powereng? I'd love to get this fixed for the next release.

Thanks!

[tjadevries]

The problem of not having interaction for SVG images is caused by Sphinx and is due to the fact that all images, and so svg as well, are embedded in <img> tags. To solve this, I have created an extension that allows you to specify a tag (i.e., <object> or <iframe>) for svg, see sphinxcontrib-imagesvg. There is an example of an animated svg with interaction as well there: tests/docs/test.svg

[nyergler]

Thanks for that pointer, @tjadevries. I wonder if we should add a section to the Hieroglyph docs with "frequently useful with Hieroglyph" extensions?