Я использую относительно позиционированные элементы HTML в SVG foreignObject. Однако в Chrome относительно позиционированное содержимое не соблюдает scale() или viewBox. Следовательно, это не правильный размер.
Вот пример моей проблемы в jsFiddle. Все три фрагмента текста должны быть одинакового размера для конечных пользователей... но в Chrome они этого не делают.
Что вызывает это?
Судя по
24 ошибки, связанные с foreignObject в трекере WebKit, и
19 вопросов, связанных с foreignObject на трекере Chromium,
похоже, это очень вероятное непреднамеренное поведение. Я рекомендую вам просмотреть список ошибок WebKit, чтобы узнать, известна ли эта проблема. Если это не так, попробуйте воспроизвести эту ошибку в другом браузере WebKit. Если проблема воспроизводима, например, Safari, отправьте его как ошибку для WebKit; если нет, отправьте его как ошибку в Chromium.
Я предполагаю, что это ошибка WebKit; эта ошибка выглядит примерно так.