Labels mis-displaying on Safari

[KevinDCarlson]

On Safari Version 18.1 (20619.2.8.11.9), I recently began getting misaligned labels. Here is a characteristic example, which appears when I load this diagram.

[varkor]

Unfortunately, I don't have access to that version of Safari to test on. However, this isn't the first recent rendering issue in Safari (e.g. #290). I suspect it's a bug in Safari's SVG rendering, but it would still be good to find a fix. If anyone has access to Safari and can debug the issue for me (i.e. figure out what is causing the difference between the rendering on Safari and other browsers, after which I should be able to find a fix), I would be grateful.

[jajaperson]

@KevinDCarlson does the diagram render as expected for you in LaTeX mode?

This is happening to me on Safari v26.2 (21623.1.14.11.9), but only in Typst mode.

In LaTeX mode:

In Typst mode:

The actual exported typeset code renders fine

// https://q.uiver.app/#r=typst&q=WzAsMixbMCwwLCJ4Il0sWzIsMCwieSJdLFswLDEsImYiXV0=
#diagram({
	node((-1, 0), [$x$])
	node((1, 0), [$y$])
	edge((-1, 0), (1, 0), [$f$], label-side: left, "->")
})

Maybe it is worth noting that the label alignment is wrong even before Typst is loaded:

[varkor]

Ah, I am able to replicate the positioning problem in Typst mode – thanks for the pointer @jajaperson. I'll look into this when I get some time.