1493592 - SVG alignment-baseline not working

Status: RESOLVED DUPLICATE of bug 1403440

(Core :: SVG, defect)

Description

[Cheng-You Bai [:cybai] UTC+9]

Attachment: not-working-alignment-baseline.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:64.0) Gecko/20100101 Firefox/64.0
Build ID: 20180923100316

Steps to reproduce:

Check the example in MDN of alignment-baseline:
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/alignment-baseline

```
<?xml version="1.0"?>
<svg width="300" height="120" viewBox="0 0 300 120"
     xmlns="http://www.w3.org/2000/svg" version="1.1">

    <!-- Materialisation of anchors -->
    <path d="M60,10 L60,110 
             M30,10 L300,10 
             M30,65 L300,65 
             M30,110 L300,110
             " stroke="grey" />
    
    <!-- Anchors in action -->
    <text alignment-baseline="hanging"
          x="60" y="10">A hanging</text>

    <text alignment-baseline="middle"
          x="60" y="65">A middle</text>

    <text alignment-baseline="baseline"
          x="60" y="110">A baseline</text>

    <!-- Materialisation of anchors -->
    <circle cx="60" cy="10" r="3" fill="red" />
    <circle cx="60" cy="65" r="3" fill="red" />
    <circle cx="60" cy="110" r="3" fill="red" />

<style><![CDATA[
text{
    font: bold 36px Verdana, Helvetica, Arial, sans-serif;
}
]]></style>
</svg>
```


Actual results:

The text of "A middle" is aligned on the baseline.


Expected results:

The text of "A middle" should be aligned in the middle of the second line.