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

Steps to reproduce the problem:
1. look at attached file in browser
2. 
3. 

What is the expected behavior?
both red and blue squares should be clipped to a small size

What went wrong?
the red box is small, the blue box is unclipped. looks like the clipPath definition in the svg container with diplay:none is being incorrectly ignored as an optimization. Assuming I'm not abusing the defs scope rules...

Did this work before? N/A 

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

I was turning off the display to avoid the defs only svg block taking up space in the enclosing HTML. A work around is to set x and y to zero in the svg tag instead.
 

Deleted: clipbug.html 438 bytes

clipbug.html 438 bytes View Download