Support dominant-baseline in text element in SVG
<text style="dominant-baseline:text-before-edge" ..> is supported in all major browsers but edge to allow vertically aligning text in SVG.

8 comments
-
Al commented
This will never happen, guys. Microsoft hates SVG. Always has. Irrational but there you go.
If you use SVG, use browser detection and display a popup message advising the user where to download a real browser. Or get an email link so they can view the site on their phone, or at home.
-
Joe Wood commented
Strange one to omit - vertical alignment is quite essential in SVG.
-
Moa commented
-
Matt Sidor commented
MDN references:
dominant-baseline: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline
alignment-baseline: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/alignment-baseline
-
Matt Sidor commented
SVG is becoming more and more commonplace in web development, especially with animations. It's insane that IE11/Edge still do not support dominant-baseline or alignment-baseline.
-
Mark Treveil commented
+1 Shocking omission.
-
Anonymous commented
I do not know how to center my text without this property,... everything else is a hack
-
Adam commented
+1'd,
Here is another link regarding this issue. https://connect.microsoft.com/IE/feedback/details/801719
Not being able to layout text nodes with vertical alignment greatly hinders many SVG charting libraries being cross browser compatible.