Почему инспектор Chrome показывает разные размеры для элементов одинакового размера в SVG?

Question

В следующем фрагменте инспектор Chrome сообщает, что div и foreignObject на 50% больше, чем rect и текстовый узел, хотя они все занимают одно и то же место на экране. Firefox сообщает одинаковые размеры для всех четырех. Что заставляет Chrome сообщать о разнице?

<svg viewBox="0 0 300 100" style="width: 300px; height: 100px;">
 <rect fill="#f5f5a0" width="244" height="73"></rect>
 <foreignObject width="244" height="73">
  <div>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus efficitur quam sapien, in varius ipsum mollis quis.
  </div>
 </foreignObject>
</svg>

Chrome результаты инспектора:

Firefox результаты инспектора:

Answer 1

Это действительно ошибка в chrome.

Вот мой размер постороннего объекта на windows 10 chrome 80.0.3987.149 (devicePixelRatio: 2).

windows

Ma c chrome хорошо работает (devicePixelRatio: 2): ma c

Answer 2

Это, вероятно, вызвано известной ошибкой в ​​Chrome: Проблема 738022: getBoundingClientRect сообщает о двойном размере для дочерних объектов ForeignObject на мониторе HiDPI .

Указанный размер масштабируется с помощью devicePixelRatio, что на моей машине 1.5.