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

Example URL:
https://codepen.io/anon/pen/xOVjZM

Steps to reproduce the problem:
1. Open Chrome
2. Navigate to https://codepen.io/anon/pen/xOVjZM
3. On the rendered iframe, hover your mouse over the SVG shape

What is the expected behavior?
The clipping path in the SVG is modified, and should be reflected in the CSS styling that uses -webkit-clip-path/clip-path.

What went wrong?
CSS shows the old clipping path and does not update with the new clipping path shape.

The first attachment shows Chromes rendering. The second attachment shows Firefox's rendering.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes 

Chrome version: 51.0.2704.84  Channel: stable
OS Version: OS X 10.11.5
Flash Version: Shockwave Flash 22.0 r0

http://stackoverflow.com/questions/37802374/svg-css-position-absolute-breaks-clip-path
 

Deleted: Screen Shot 2016-06-14 at 8.36.23 AM.png 178 KB

	Screen Shot 2016-06-14 at 8.36.23 AM.png 178 KB View Download

Deleted: Screen Shot 2016-06-14 at 8.36.35 AM.png 180 KB

	Screen Shot 2016-06-14 at 8.36.35 AM.png 180 KB View Download