В Chrome, почему SVG foreignObjects не масштабирует относительно позиционированный контент?

Я использую относительно позиционированные элементы HTML в SVG foreignObject. Однако в Chrome относительно позиционированное содержимое не соблюдает scale() или viewBox. Следовательно, это не правильный размер.

Вот пример моей проблемы в jsFiddle. Все три фрагмента текста должны быть одинакового размера для конечных пользователей... но в Chrome они этого не делают.

Что вызывает это?

Скриншот Firefox (как и ожидалось?)

jsFiddle в Firefox

Скриншот Chrome (ошибка?)

jsFiddle в Chrome

Ответ 1

Судя по

24 ошибки, связанные с foreignObject в трекере WebKit, и

19 вопросов, связанных с foreignObject на трекере Chromium,

похоже, это очень вероятное непреднамеренное поведение. Я рекомендую вам просмотреть список ошибок WebKit, чтобы узнать, известна ли эта проблема. Если это не так, попробуйте воспроизвести эту ошибку в другом браузере WebKit. Если проблема воспроизводима, например, Safari, отправьте его как ошибку для WebKit; если нет, отправьте его как ошибку в Chromium.

Я предполагаю, что это ошибка WebKit; эта ошибка выглядит примерно так.