UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Steps to reproduce the problem:
To reproduce the problem open attached test-case. 

What is the expected behavior?
Chrome should render this test-case as other browsers do (works correctly on Safari, Firefox and Edge).

What went wrong?
Chrome renders this test-case differently than other browsers, but I see several ways how current issue (I suppose this is just one issue) manifests itself: 
1. when page is loaded, tables are displaced (according to Developer Tools), shown partially or not displayed;
2. when opening Developer Tools after the page has been loaded, contents do disappear partially;
3. when zooming page (on Mac) contents are rendered wrong.

I spotted this problem when using "position:absolute" on inner elements of foreignObject, also this test-case sets coordinates of inner elements (either by "translate" or "left/top"). Also seems that setting elements with JavaScript is required, I could not reproduce issue when simply loading ready document.

On current test-case it might not look that bad, but initial test-case was much more complicated and it looks quite strange (namely, no tables at all and just some glitches). If you need this more complex test-case, I will try to find time to prepare it.

Problem tested on Mac and Windows.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 56.0.2924.87  Channel: stable
OS Version: OS X 10.12.3
Flash Version: Shockwave Flash 24.0 r0