SVGで比較的配置されたHTML要素を使用していますforeignObject。ただし、Chromeでは、比較的配置されたコンテンツはscale()またはを尊重していませんviewBox。その結果、それは適切なサイズではありません。
これがjsFiddleでの私の問題の例です。3つのテキストスニペットはすべてエンドユーザーに同じサイズで表示されるはずですが、Chromeでは表示されません。
これは何が原因ですか？
から判断すると
foreignObjectWebKitトラッカーとに関連する24のバグ
foreignObjectChromiumトラッカーに関連する19の問題、
これは意図しない動作である可能性が非常に高いようです。WebKitのバグリストを見て、この問題がわかっているかどうかを確認することをお勧めします。そうでない場合は、別のWebKitブラウザーでこのエラーを再現してみてください。問題がSafariなどで再現できる場合は、バグとしてWebKitに送信してください。そうでない場合は、バグとしてChromiumに送信してください。
私の推測では、これはWebKitのバグだと思います。このバグは似たようなものに見えます。