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

Steps to reproduce the problem:
When a SVG rectangle has a CSS cursor: pointer effect, and the SVG rectangle is rendered below another element because of flex positioning, the SVG rectangle can be hovered.

When adding a click handler to the SVG rectangle, the bug disappears.

When using position: absolute to bring content above the SVG rectangle, the bug disappears.

See a minimal working reproduction at https://jsfiddle.net/boxmein/ep1a05gx/

What is the expected behavior?
When hovering the text in Exhibit A in the JSFiddle the cursor should be normal.

What went wrong?
The hovering cursor is a pointer, suggesting that the mouse is above the green SVG rectangle.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 65.0.3325.162  Channel: n/a
OS Version: OS X 10.13.4
Flash Version: 

The bug doesn't occur when using position: absolute to position the rectangle. The bug also doesn't occur when a click handler is attached to the SVG rectangle (there is a sample in the JSFiddle, commented out).