From 4dede088d5771f502552063de2b407ed16e332e3 Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Fri, 5 Sep 2014 10:09:26 +0200 Subject: [PATCH] fixed ripples.js on old browsers --- material/ripples.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) 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(),