UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.48 Safari/537.36

Steps to reproduce the problem:
1. Open the page
2. Zoom it to 150% or more
3. Reload the page
4. Look at the console

What is the expected behavior?
Expected value is 0, but I've got 200+

What went wrong?
foreignObject.getBoundingClientRect().left must be equal with svg.getBoundingClientRect().left. And everything is okay when the page zoom is 0%. But after augmenting it to bigger values the diferrence appears.

The bigger left block width, the bigger this difference. The bigger zoom level, the bigger this difference. I couldn't reproduce it in Firefox. This bug appears only with foreignObjects, I tried to do it with rects, but nothing special had happened.

This example.html is the simpliest example that I could produce.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 67.0.3396.48  Channel: n/a
OS Version: LinuxMint 64bit
Flash Version:
 

Deleted: 1.html 705 bytes

1.html 705 bytes View Download