आईई एज "पॉइंटर-इवेंट्स: कोई नहीं" स्पैन टैग पर काम नहीं कर रहा है

Question

आईई एज में pointer-events: none; एक स्पैन टैग पर लागू होता है, यह एक जावास्क्रिप्ट क्लिक ईवेंट जोड़ने पर काम नहीं कर रहा है, e.target अवधि है और माता पिता नहीं।

एचटीएमएल

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

सीएसएस

.child span { 
    pointer-events: none; 
} 

जे एस

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

पूर्ण Codepen उदाहरण: https://codepen.io/JoeHastings/pen/gWgzgK

Answer 1

यह एज के साथ एक की पुष्टि मुद्दा हो गया लगता है:

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

इस बीच में इस मुद्दे को हल करने के लिए एक div की तरह एक ब्लॉक स्तर तत्व display: inline-block; लागू करने span के बजाय इस्तेमाल किया जा सकता है, या, या कुछ अन्य ब्लॉक स्तर प्रदर्शन, एक इनलाइन तत्व के लिए।