#Links wrapping SVG elements cause full page refresh (ViewTransitions ignored)

2 messages · Page 1 of 1 (latest)

humble sigil
#

Hi everyone,

I'm pretty new with Astro and trying to my hand at adding ViewTransitions to a personal website. All works fine if I navigate between pages using a plain structure, with a few <a> elements under a <div> container.

However, I'm trying to replace the usual navbar with an SVG that has clickable elements. If I wrap a path or group in the SVG with an <a> element, I can navigate between pages, but it's always with a full browser refresh, which means client-side routing doesn't work, which renders my ViewTransitions useless.

Does anyone have any idea what causes this to happen?

#

Part of the SVG in question.