UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.98 Safari/537.36

Steps to reproduce the problem:
1. Open this JSFiddle https://jsfiddle.net/1o5jLrfc/
2. Press the 'Reload' button
(3. Press the 'Fix' button to re-apply a matrix value which fixes the problem)

What is the expected behavior?
When the 'Reload' button is pressed, the black rect should be translated by 100px to the right.

What went wrong?
After the 'Reload' button is pressed, the black rect just remains at its position despite having a transform matrix which obviously reads as translated by 100px to the right (inspect the DOM!).

Re-applying any value of the SVGMatrix, while the SVG is in the DOM (press the 'Fix' button), will make the rect change its location to the actual location.

Did this work before? Yes 56.0.29247.87

Does this work in other browsers? Yes

Chrome version: 57.0.2987.98  Channel: stable
OS Version: 10.0
Flash Version: 

It works if the translation is applied by setAttribute('transform', 'matrix(2,0,0,2,100,0)') instead of using the SVGMatrix interface.

It also works when the svg element remains in the DOM during the modification.