Ich verwende relativ positionierte HTML-Elemente in einer SVGforeignObject. In Chrome wird der relativ positionierte Inhalt jedoch nicht berücksichtigtscale() oderviewBox. Folglich ist es nicht die richtige Größe.

Hier ist ein Beispiel für mein Problem bei jsFiddle. Alle drei Textausschnitte sollten für die Endbenutzer gleich groß sein, in Chrome jedoch nicht.

Was ist der Grund dafür?

Firefox Screenshot (wie erwartet?)

Chrome Screenshot (Fehler?)