使用Firefox或Edge时，SVG中的子元素会被剪裁，但在Chrome中效果良好

我绝对不是SVG专家，但我无法理解为什么这个相当简单的元素在Firefox或Edge中不能正确呈现，但在Chrome中却可以正常工作

在FF和Edge中，文本被裁剪，因为它似乎定位不正确

<svg id="view" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="xMinYMin meet">
    <g transform="scale(1)">
        <text fill="#000000" id="val" font-size="50px" x="0" y="15" anchor="start" font-family="Arial" style="font-weight:bold;" alignment-baseline="hanging">Sample Text</text>
    </g>
</svg>

示例文本

---

不要使用y值并将其更改为您需要的值。Enxaneta在评论中的回答有效。