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:
CodePen test case : http://codepen.io/manuszep/pen/oZvEYG

1. Make a hoverable target with css transform and transition
2. Add a position:sticky element, with some shadow in a tall container
3. Hover the target and the sticky element will jump out of it's place

What is the expected behavior?
The sticky element should not move when hovering an unrelated element

What went wrong?
The sticky element jumps a few pixels down and to the right as if It was transformed via css translate. The bounding box does not move.

Did this work before? N/A 

Does this work in other browsers? N/A

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

There's something more than what's in the CodePen example. If I put the exact same code in a local HTML file, the issue does not show.
But it is not related to CodePen especially since I got the same issue in another project. 
Maybe it appears only when scripts are on the page, maybe only over HTTP...