SVG dominant-baseline not working in Safari : <p>I'm trying to position SVG text so that it site entirely above the y-location at which it is located. A dominant baseline of <code>text-after-edge</code> appears to be the appropriate setting for this.</p>

<p>This works just fine in Chrome, but with Safari <code>text-after-edge</code> renders with the text centred around the y-location.</p>

<p>I explored further, as seen in this codepen:</p>

<p><a href="https://codepen.io/anon/pen/obrreb?editors=1010" rel="noreferrer">https://codepen.io/anon/pen/obrreb?editors=1010</a></p>

<p>Here is the output in Chrome:</p>

<p><a href="https://i.stack.imgur.com/SdsGk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SdsGk.png" alt="enter image description here"></a></p>

<p>And in Safari:</p>

<p><a href="https://i.stack.imgur.com/ZSiLM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZSiLM.png" alt="enter image description here"></a></p>

<p>As you can see a number of the dominant baseline renderings differ.</p>
