Detect support for pointer-events:none on SVG

Asked May 08 '15 at 13:33

Active May 14 '15 at 13:44

Viewed 133 times

I have found an issue where trying to use pointer-events:none on SVG's in Safari 5.1.7 for Windows does not work, but works perfectly on div's. How would I go about detecting support for this using; Vanilla JavaScript or Modernizr to provide fallback for unique use cases like this. Here is a fiddle demonstrating the issue - http://jsfiddle.net/DLEsn/75/

<svg xmlns="http://www.w3.org/2000/svg" id="pass_through_svg">
  <rect x="0" y="0" width="200" height="100" fill="rgba(0,0,255,0.4)"/>
</svg>
<div class="pass_through"></div>
<div class="red_block"></div>

edited May 14 '15 at 13:44

Sam Hanley

4,707
7
35
63

asked May 08 '15 at 13:33

jaredrethman

1

Safari on Windows hasn't been updated since 2012. – Erik Dahlström May 08 '15 at 13:43
possible duplicate of [SVG not recognising pointer-events:none](http://stackoverflow.com/questions/13972730/svg-not-recognising-pointer-eventsnone) – Patrick May 09 '15 at 03:36

Detect support for pointer-events:none on SVG

0 Answers0