From 730616d16cfa1ab62bf4bd272f4931ace0b1a826 Mon Sep 17 00:00:00 2001
From: "Alfiana E. Sibuea" <alfian.sibuea@gmail.com>
Date: Tue, 12 Aug 2014 11:23:29 +0700
Subject: [PATCH] BUG FIX: Broken waves-ripple position

---
 dist/waves.js         | 36 ++++++++++++++++++++++--------------
 dist/waves.min.js     |  4 ++--
 dist/waves.min.js.map |  2 +-
 src/js/waves.js       | 36 ++++++++++++++++++++++--------------
 4 files changed, 47 insertions(+), 31 deletions(-)

diff --git a/dist/waves.js b/dist/waves.js
index 0f8ca81..9a2e158 100644
--- a/dist/waves.js
+++ b/dist/waves.js
@@ -1,6 +1,6 @@
 
 /*!
- * Waves v0.5.0
+ * Waves v0.5.1
  * https://publicis-indonesia.github.io/Waves
  *
  * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
@@ -15,21 +15,29 @@
     var $$ = document.querySelectorAll.bind(document);
 
     // Find exact position of element
-    function position(obj) {
+    function isWindow(obj) {
+        return obj !== null && obj === obj.window;
+    }
 
-        var left = 0;
-        var top = 0;
-        
-        if (obj.offsetParent) {
-            do {
-                left += obj.offsetLeft;
-                top += obj.offsetTop;
-            } while (obj === obj.offsetParent);
-        }
+    function getWindow(elem) {
+        return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+    }
 
+    function offset(elem) {
+
+        var docElem, win,
+            box = {top: 0, left: 0},
+            doc = elem && elem.ownerDocument;
+
+        docElem = doc.documentElement;
+
+        if (typeof elem.getBoundingClientRect !== typeof undefined) {
+            box = elem.getBoundingClientRect();
+        }
+        win = getWindow(doc);
         return {
-            top: top, 
-            left: left
+            top: box.top + win.pageYOffset - docElem.clientTop,
+            left: box.left + win.pageXOffset - docElem.clientLeft
         };
     }
 
@@ -61,7 +69,7 @@
             el.appendChild(ripple);
 
             // Get click coordinate and element witdh
-            var pos         = position(el);
+            var pos         = offset(el);
             var relativeY   = (e.pageY - pos.top) - 45;
             var relativeX   = (e.pageX - pos.left) - 45;
             var scale       = 'scale('+((el.clientWidth / 100) * 2.5)+')';
diff --git a/dist/waves.min.js b/dist/waves.min.js
index 7a32b04..026c8ab 100644
--- a/dist/waves.min.js
+++ b/dist/waves.min.js
@@ -1,10 +1,10 @@
 /*!
- * Waves v0.5.0
+ * Waves v0.5.1
  * https://publicis-indonesia.github.io/Waves
  *
  * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
  * Released under the BSD license
  * https://github.com/publicis-indonesia/Waves/blob/master/LICENSE
  */
-!function(a){"use strict";function b(a){var b=0,c=0;if(a.offsetParent)do b+=a.offsetLeft,c+=a.offsetTop;while(a===a.offsetParent);return{top:c,left:b}}function c(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}var d=d||{},e=document.querySelectorAll.bind(document),f={duration:500,show:function(a){var d=this,e=document.createElement("div");e.className="waves-ripple",d.appendChild(e);var g=b(d),h=a.pageY-g.top-45,i=a.pageX-g.left-45,j="scale("+d.clientWidth/100*2.5+")";e.setAttribute("data-hold",Date.now()),e.setAttribute("data-scale",j),e.setAttribute("data-x",i),e.setAttribute("data-y",h);var k={top:h+"px",left:i+"px"};e.className=e.className+" waves-notransition",e.setAttribute("style",c(k)),e.className=e.className.replace("waves-notransition",""),k["-webkit-transform"]=j,k["-moz-transform"]=j,k["-ms-transform"]=j,k["-o-transform"]=j,k.transform=j,k.opacity="1",k["-webkit-transition-duration"]=f.duration+"ms",k["-moz-transition-duration"]=f.duration+"ms",k["-o-transition-duration"]=f.duration+"ms",k["transition-duration"]=f.duration+"ms",e.setAttribute("style",c(k))},hide:function(){for(var a=this,b=(1.4*a.clientWidth,null),d=a.children.length,e=0;d>e;e++)-1===a.children[e].className.indexOf("waves-ripple")||(b=a.children[e]);if(!b)return!1;var g=b.getAttribute("data-x"),h=b.getAttribute("data-y"),i=b.getAttribute("data-scale"),j=Date.now()-Number(b.getAttribute("data-hold")),k=500-j;0>k&&(k=0),setTimeout(function(){var d={top:h+"px",left:g+"px",opacity:"0","-webkit-transition-duration":f.duration+"ms","-moz-transition-duration":f.duration+"ms","-o-transition-duration":f.duration+"ms","transition-duration":f.duration+"ms","-webkit-transform":i,"-moz-transform":i,"-ms-transform":i,"-o-transform":i,transform:i};b.setAttribute("style",c(d)),setTimeout(function(){try{a.removeChild(b)}catch(c){return!1}},f.duration)},k)},wrapInput:function(a){for(var b=0;b<a.length;b++){var c=a[b];if("input"===c.tagName.toLowerCase()){var d=c.parentNode;if("i"===d.tagName.toLowerCase()&&-1!==d.className.indexOf("waves-effect"))return!1;var e=document.createElement("i");e.className=c.className+" waves-input-wrapper";var f=c.getAttribute("style"),g="width:"+c.offsetWidth+"px;height:"+c.clientHeight+"px;";f||(f=""),e.setAttribute("style",g+f),c.className="waves-button-input",c.removeAttribute("style"),d.replaceChild(e,c),e.appendChild(c)}}}};d.displayEffect=function(b){b=b||{},"duration"in b&&(f.duration=b.duration),f.wrapInput(e(".waves-effect")),Array.prototype.forEach.call(e(".waves-effect"),function(b){a.Touch&&(b.addEventListener("touchstart",f.show,!1),b.addEventListener("touchend",f.hide,!1)),b.addEventListener("mousedown",f.show,!1),b.addEventListener("mouseup",f.hide,!1),b.addEventListener("mouseleave",f.hide,!1)})},a.Waves=d}(window);
+!function(a){"use strict";function b(a){return null!==a&&a===a.window}function c(a){return b(a)?a:9===a.nodeType&&a.defaultView}function d(a){var b,d,e={top:0,left:0},f=a&&a.ownerDocument;return b=f.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(e=a.getBoundingClientRect()),d=c(f),{top:e.top+d.pageYOffset-b.clientTop,left:e.left+d.pageXOffset-b.clientLeft}}function e(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}var f=f||{},g=document.querySelectorAll.bind(document),h={duration:500,show:function(a){var b=this,c=document.createElement("div");c.className="waves-ripple",b.appendChild(c);var f=d(b),g=a.pageY-f.top-45,i=a.pageX-f.left-45,j="scale("+b.clientWidth/100*2.5+")";c.setAttribute("data-hold",Date.now()),c.setAttribute("data-scale",j),c.setAttribute("data-x",i),c.setAttribute("data-y",g);var k={top:g+"px",left:i+"px"};c.className=c.className+" waves-notransition",c.setAttribute("style",e(k)),c.className=c.className.replace("waves-notransition",""),k["-webkit-transform"]=j,k["-moz-transform"]=j,k["-ms-transform"]=j,k["-o-transform"]=j,k.transform=j,k.opacity="1",k["-webkit-transition-duration"]=h.duration+"ms",k["-moz-transition-duration"]=h.duration+"ms",k["-o-transition-duration"]=h.duration+"ms",k["transition-duration"]=h.duration+"ms",c.setAttribute("style",e(k))},hide:function(){for(var a=this,b=(1.4*a.clientWidth,null),c=a.children.length,d=0;c>d;d++)-1===a.children[d].className.indexOf("waves-ripple")||(b=a.children[d]);if(!b)return!1;var f=b.getAttribute("data-x"),g=b.getAttribute("data-y"),i=b.getAttribute("data-scale"),j=Date.now()-Number(b.getAttribute("data-hold")),k=500-j;0>k&&(k=0),setTimeout(function(){var c={top:g+"px",left:f+"px",opacity:"0","-webkit-transition-duration":h.duration+"ms","-moz-transition-duration":h.duration+"ms","-o-transition-duration":h.duration+"ms","transition-duration":h.duration+"ms","-webkit-transform":i,"-moz-transform":i,"-ms-transform":i,"-o-transform":i,transform:i};b.setAttribute("style",e(c)),setTimeout(function(){try{a.removeChild(b)}catch(c){return!1}},h.duration)},k)},wrapInput:function(a){for(var b=0;b<a.length;b++){var c=a[b];if("input"===c.tagName.toLowerCase()){var d=c.parentNode;if("i"===d.tagName.toLowerCase()&&-1!==d.className.indexOf("waves-effect"))return!1;var e=document.createElement("i");e.className=c.className+" waves-input-wrapper";var f=c.getAttribute("style"),g="width:"+c.offsetWidth+"px;height:"+c.clientHeight+"px;";f||(f=""),e.setAttribute("style",g+f),c.className="waves-button-input",c.removeAttribute("style"),d.replaceChild(e,c),e.appendChild(c)}}}};f.displayEffect=function(b){b=b||{},"duration"in b&&(h.duration=b.duration),h.wrapInput(g(".waves-effect")),Array.prototype.forEach.call(g(".waves-effect"),function(b){a.Touch&&(b.addEventListener("touchstart",h.show,!1),b.addEventListener("touchend",h.hide,!1)),b.addEventListener("mousedown",h.show,!1),b.addEventListener("mouseup",h.hide,!1),b.addEventListener("mouseleave",h.hide,!1)})},a.Waves=f}(window);
 //# sourceMappingURL=waves.min.js.map
\ No newline at end of file
diff --git a/dist/waves.min.js.map b/dist/waves.min.js.map
index e15db0b..f1253f8 100644
--- a/dist/waves.min.js.map
+++ b/dist/waves.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"waves.min.js","sources":["..\\src\\js\\waves.js"],"names":["window","position","obj","left","top","offsetParent","offsetLeft","offsetTop","convertStyle","style","a","hasOwnProperty","Waves","$$","document","querySelectorAll","bind","Effect","duration","show","e","el","this","ripple","createElement","className","appendChild","pos","relativeY","pageY","relativeX","pageX","scale","clientWidth","setAttribute","Date","now","rippleStyle","replace","transform","opacity","hide","childrenLength","children","length","indexOf","getAttribute","diff","Number","delay","setTimeout","-webkit-transition-duration","-moz-transition-duration","-o-transition-duration","transition-duration","-webkit-transform","-moz-transform","-ms-transform","-o-transform","removeChild","wrapInput","elements","tagName","toLowerCase","parent","parentNode","wrapper","elementStyle","dimensionStyle","offsetWidth","clientHeight","removeAttribute","replaceChild","displayEffect","options","Array","prototype","forEach","call","i","Touch","addEventListener"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"waves.min.js","sources":["..\\src\\js\\waves.js"],"names":["window","isWindow","obj","getWindow","elem","nodeType","defaultView","offset","docElem","win","box","top","left","doc","ownerDocument","documentElement","getBoundingClientRect","pageYOffset","clientTop","pageXOffset","clientLeft","convertStyle","style","a","hasOwnProperty","Waves","$$","document","querySelectorAll","bind","Effect","duration","show","e","el","this","ripple","createElement","className","appendChild","pos","relativeY","pageY","relativeX","pageX","scale","clientWidth","setAttribute","Date","now","rippleStyle","replace","transform","opacity","hide","childrenLength","children","length","indexOf","getAttribute","diff","Number","delay","setTimeout","-webkit-transition-duration","-moz-transition-duration","-o-transition-duration","transition-duration","-webkit-transform","-moz-transform","-ms-transform","-o-transform","removeChild","wrapInput","elements","tagName","toLowerCase","parent","parentNode","wrapper","elementStyle","dimensionStyle","offsetWidth","clientHeight","removeAttribute","replaceChild","displayEffect","options","Array","prototype","forEach","call","i","Touch","addEventListener"],"mappings":";;;;;;;;CAUC,SAAUA,GACP,YAMA,SAASC,GAASC,GACd,MAAe,QAARA,GAAgBA,IAAQA,EAAIF,OAGvC,QAASG,GAAUC,GACf,MAAOH,GAASG,GAAQA,EAAyB,IAAlBA,EAAKC,UAAkBD,EAAKE,YAG/D,QAASC,GAAOH,GAEZ,GAAII,GAASC,EACTC,GAAOC,IAAK,EAAGC,KAAM,GACrBC,EAAMT,GAAQA,EAAKU,aAQvB,OANAN,GAAUK,EAAIE,gBAE4B,mBAA/BX,GAAKY,wBACZN,EAAMN,EAAKY,yBAEfP,EAAMN,EAAUU,IAEZF,IAAKD,EAAIC,IAAMF,EAAIQ,YAAcT,EAAQU,UACzCN,KAAMF,EAAIE,KAAOH,EAAIU,YAAcX,EAAQY,YAInD,QAASC,GAAanB,GAElB,GAAIoB,GAAQ,EAEZ,KAAK,GAAIC,KAAKrB,GACNA,EAAIsB,eAAeD,KACnBD,GAAUC,EAAI,IAAMrB,EAAIqB,GAAK,IAIrC,OAAOD,GAxCX,GAAIG,GAAQA,MACRC,EAAKC,SAASC,iBAAiBC,KAAKF,UA0CpCG,GAGAC,SAAU,IAEVC,KAAM,SAASC,GAEX,GAAIC,GAAKC,KAGLC,EAAST,SAASU,cAAc,MACpCD,GAAOE,UAAY,eACnBJ,EAAGK,YAAYH,EAGf,IAAII,GAAcjC,EAAO2B,GACrBO,EAAeR,EAAES,MAAQF,EAAI7B,IAAO,GACpCgC,EAAeV,EAAEW,MAAQJ,EAAI5B,KAAQ,GACrCiC,EAAc,SAAWX,EAAGY,YAAc,IAAO,IAAK,GAG1DV,GAAOW,aAAa,YAAaC,KAAKC,OACtCb,EAAOW,aAAa,aAAcF,GAClCT,EAAOW,aAAa,SAAUJ,GAC9BP,EAAOW,aAAa,SAAUN,EAG9B,IAAIS,IACAvC,IAAO8B,EAAU,KACjB7B,KAAQ+B,EAAU,KAGtBP,GAAOE,UAAYF,EAAOE,UAAY,sBACtCF,EAAOW,aAAa,QAAS1B,EAAa6B,IAC1Cd,EAAOE,UAAYF,EAAOE,UAAUa,QAAQ,qBAAsB,IAGlED,EAAY,qBAAuBL,EACnCK,EAAY,kBAAoBL,EAChCK,EAAY,iBAAmBL,EAC/BK,EAAY,gBAAkBL,EAC9BK,EAAYE,UAAYP,EACxBK,EAAYG,QAAY,IAExBH,EAAY,+BAAiCpB,EAAOC,SAAW,KAC/DmB,EAAY,4BAAiCpB,EAAOC,SAAW,KAC/DmB,EAAY,0BAAiCpB,EAAOC,SAAW,KAC/DmB,EAAY,uBAAiCpB,EAAOC,SAAW,KAE/DK,EAAOW,aAAa,QAAS1B,EAAa6B,KAI9CI,KAAM,WAWF,IAAK,GATDpB,GAAKC,KAKLC,GAHyB,IAAjBF,EAAGY,YAGF,MAETS,EAAiBrB,EAAGsB,SAASC,OAExBlC,EAAI,EAAOgC,EAAJhC,EAAoBA,IACyB,KAArDW,EAAGsB,SAASjC,GAAGe,UAAUoB,QAAQ,kBACjCtB,EAASF,EAAGsB,SAASjC,GAK7B,KAAKa,EACD,OAAO,CAGX,IAAIO,GAAcP,EAAOuB,aAAa,UAClClB,EAAcL,EAAOuB,aAAa,UAClCd,EAAcT,EAAOuB,aAAa,cAGlCC,EAAOZ,KAAKC,MAAQY,OAAOzB,EAAOuB,aAAa,cAC/CG,EAAQ,IAAMF,CAEN,GAARE,IACAA,EAAQ,GAIZC,WAAW,WAEP,GAAIzC,IACAX,IAAO8B,EAAU,KACjB7B,KAAQ+B,EAAU,KAClBU,QAAW,IAGXW,8BAA+BlC,EAAOC,SAAW,KACjDkC,2BAA4BnC,EAAOC,SAAW,KAC9CmC,yBAA0BpC,EAAOC,SAAW,KAC5CoC,sBAAuBrC,EAAOC,SAAW,KACzCqC,oBAAqBvB,EACrBwB,iBAAkBxB,EAClByB,gBAAiBzB,EACjB0B,eAAgB1B,EAChBO,UAAaP,EAGjBT,GAAOW,aAAa,QAAS1B,EAAaC,IAE1CyC,WAAW,WAEP,IACI7B,EAAGsC,YAAYpC,GACjB,MAAMH,GACJ,OAAO,IAIZH,EAAOC,WAEX+B,IAKPW,UAAW,SAASC,GAEhB,IAAK,GAAInD,GAAI,EAAGA,EAAImD,EAASjB,OAAQlC,IAAK,CAEtC,GAAIW,GAAKwC,EAASnD,EAElB,IAAiC,UAA7BW,EAAGyC,QAAQC,cAA2B,CAEtC,GAAIC,GAAS3C,EAAG4C,UAGhB,IAAqC,MAAjCD,EAAOF,QAAQC,eAAsE,KAA7CC,EAAOvC,UAAUoB,QAAQ,gBACjE,OAAO,CAIX,IAAIqB,GAAUpD,SAASU,cAAc,IACrC0C,GAAQzC,UAAYJ,EAAGI,UAAY,sBAEnC,IAAI0C,GAAe9C,EAAGyB,aAAa,SAC/BsB,EAAiB,SAAS/C,EAAGgD,YAAY,aAAahD,EAAGiD,aAAa,KAErEH,KACDA,EAAe,IAGnBD,EAAQhC,aAAa,QAASkC,EAAeD,GAE7C9C,EAAGI,UAAY,qBACfJ,EAAGkD,gBAAgB,SAGnBP,EAAOQ,aAAaN,EAAS7C,GAC7B6C,EAAQxC,YAAYL,MAQpCT,GAAM6D,cAAgB,SAASC,GAE3BA,EAAUA,MAEN,YAAcA,KACdzD,EAAOC,SAAWwD,EAAQxD,UAI9BD,EAAO2C,UAAU/C,EAAG,kBAEpB8D,MAAMC,UAAUC,QAAQC,KAAKjE,EAAG,iBAAkB,SAASkE,GAEnD5F,EAAO6F,QACPD,EAAEE,iBAAiB,aAAchE,EAAOE,MAAM,GAC9C4D,EAAEE,iBAAiB,WAAYhE,EAAOwB,MAAM,IAGhDsC,EAAEE,iBAAiB,YAAahE,EAAOE,MAAM,GAC7C4D,EAAEE,iBAAiB,UAAWhE,EAAOwB,MAAM,GAC3CsC,EAAEE,iBAAiB,aAAchE,EAAOwB,MAAM,MAMtDtD,EAAOyB,MAAQA,GAEhBzB"}
\ No newline at end of file
diff --git a/src/js/waves.js b/src/js/waves.js
index 0f8ca81..9a2e158 100644
--- a/src/js/waves.js
+++ b/src/js/waves.js
@@ -1,6 +1,6 @@
 
 /*!
- * Waves v0.5.0
+ * Waves v0.5.1
  * https://publicis-indonesia.github.io/Waves
  *
  * Copyright 2014 Publicis Metro Indonesia, PT. and other contributors
@@ -15,21 +15,29 @@
     var $$ = document.querySelectorAll.bind(document);
 
     // Find exact position of element
-    function position(obj) {
+    function isWindow(obj) {
+        return obj !== null && obj === obj.window;
+    }
 
-        var left = 0;
-        var top = 0;
-        
-        if (obj.offsetParent) {
-            do {
-                left += obj.offsetLeft;
-                top += obj.offsetTop;
-            } while (obj === obj.offsetParent);
-        }
+    function getWindow(elem) {
+        return isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;
+    }
 
+    function offset(elem) {
+
+        var docElem, win,
+            box = {top: 0, left: 0},
+            doc = elem && elem.ownerDocument;
+
+        docElem = doc.documentElement;
+
+        if (typeof elem.getBoundingClientRect !== typeof undefined) {
+            box = elem.getBoundingClientRect();
+        }
+        win = getWindow(doc);
         return {
-            top: top, 
-            left: left
+            top: box.top + win.pageYOffset - docElem.clientTop,
+            left: box.left + win.pageXOffset - docElem.clientLeft
         };
     }
 
@@ -61,7 +69,7 @@
             el.appendChild(ripple);
 
             // Get click coordinate and element witdh
-            var pos         = position(el);
+            var pos         = offset(el);
             var relativeY   = (e.pageY - pos.top) - 45;
             var relativeX   = (e.pageX - pos.left) - 45;
             var scale       = 'scale('+((el.clientWidth / 100) * 2.5)+')';