SVG ForeignObjects draw over all other elements in Chrome

Question

Update 22 April, 2016: Nothing new, I just decided to check up on this, and post a quick code update. Firefox still performs as expected, IE doesn\'t perform at

Answer 1

Hooray! I'm not sure when the change came to be, but as of now, the Chrome bug mentioned in the comments above has been resolved, which seems to have resolved the issue.

My demo now works in all major browsers:

• Chrome (69.0.3497.100)
• Firefox (62.0.2)
• Edge (38.14393.2068.0)