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

Steps to reproduce the problem:
1. Create an SVG element with overflow set to visible.
2. Add a child element to the SVG and translate it by more than ~2^24 (16.77M).
3. Translate the parent SVG in the opposite direction by the same amount.
4. The child element is not rendered any more.

The reduced test case can demonstrated at http://jsfiddle.net/vbwerzbt/1/
1. Translation by 16777236 or more makes the circle disappear.
2. Translation by 16777234 or less works fine with the circle rendered.

What is the expected behavior?
The child elements that are overflown outside the SVG are expected to be rendered at any amount of translation.

What went wrong?
The child elements overflowing by more than 16.77M units are not rendered.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: 
Flash Version: