diff --git a/material/ripples.js b/material/ripples.js index edb56db1..9417dac6 100644 --- a/material/ripples.js +++ b/material/ripples.js @@ -4,6 +4,12 @@ var ripples = { init : function(withRipple) { "use strict"; + // Cross browser matches function + function matchesSelector(dom_element, selector) { + var matches = dom_element.matches || dom_element.matchesSelector || dom_element.webkitMatchesSelector || dom_element.mozMatchesSelector || dom_element.msMatchesSelector || dom_element.oMatchesSelector; + return matches.call(dom_element, selector); + } + // animations time var rippleOutTime = 100, rippleStartTime = 500; @@ -13,7 +19,7 @@ var ripples = { document.addEventListener(event, function(e) { var target = (typeof e.detail !== "number") ? e.detail : e.target; - if (target.matches(selector)) { + if (matchesSelector(target, selector)) { callback(e, target); } }); @@ -22,7 +28,7 @@ var ripples = { var rippleStart = function(e, target) { // Init variables - var $rippleWrapper = (target.matches(".ripple-wrapper")) ? target : target.parentNode, + var $rippleWrapper = (matchesSelector(target, ".ripple-wrapper")) ? target : target.parentNode, $el = $rippleWrapper.parentNode, $ripple = document.createElement("div"), elPos = $el.getBoundingClientRect(),