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

Steps to reproduce the problem:
1. Go to url -> http://labs.jensimmons.com/2016/examples/shapes-3.html
2. Attempt to select text in the paragraph next to the image of grapes, with your cursor BETWEEN line boxes.
3. Notice how you will "grab" the image instead of selecting the text.

What is the expected behavior?
Might be an issue related to shape-outside with hit testing of stacking contexts, but you should be able to select the text of the paragraph alongside the grapes image, even if the mouse is between line boxes, since the painting of the text is above the "masked" image. Notice how if you add a position scope, like 'position:relative' to the paragraph tag, the text selection works as expected.

What went wrong?
The hit area and/or document selection is not what a user probably expects... between line boxes inside a non-positioned element that is after, in source order, and visually "above" a clipped 'outside-shape' set element?

Did this work before? No 

Chrome version: 69.0.3475.0  Channel: canary
OS Version: OS X 10.12.6
Flash Version: 

Video of unexpected interaction -> http://cl.ly/sfvk