Let me start by saying that I know this is a Chrome/Chromium issue. The CodePen works as expected in Firefox.
Also, I know Blake has warned about using foreignObjects but I'm stuck with using them because, in my app, I have to use foreignObjects to render image layers to canvas creating a stack of PNG sequences inside a master SVG. I'm also forced to be able to support Chrome/Chromium.
Here's the deal. I've run into a stacking context issue which I thought I had resolved before by doing something subtle to the SVG container using TweenMax to force the browser to do a redraw. Here, though, the issue is a little different.
Forcing a redraw like I've done in the past is not working. Any help would be greatly appreciated.