IE EDGE "event-pointer: none" does not work on span tag

Question

In IE EDGE, when pointer-events: none;applied to a span tag, it doesn't seem to work, when a javascript click event is added, e.target is a range, not a parent.

HTML

<div class="parent>     
    <div class="child"><span class="the-span">Something in a span blah blah</span></div>
</div>

CSS

.child span {
  pointer-events: none;
}

Js

$(document).click(function(e) {
    console.info(e.target);
});

Full Codepen example: https://codepen.io/JoeHastings/pen/gWgzgK

Answer 1

This seems to be a confirmed issue with EDGE:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8295099/

, , span , div, display: inline-block; - .