fix(ripple): fixes issues with ripples on items below the fold

Closes #2028 Closes #1526
angular · Mar 25, 2015 · e0f9fe9 · e0f9fe9
1 parent b682e36
commit e0f9fe9
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/core/services/ripple/ripple.js b/src/core/services/ripple/ripple.js
@@ -303,8 +303,7 @@ function InkRippleService($window, $timeout) {
  * @returns {{backgroundColor: string, borderColor: string, width: string, height: string}}
  */
  function getRippleCss(size, left, top) {
- var rect,
- css = {
+ var css = {
  backgroundColor: rgbaToRGB(color),
  borderColor: rgbaToRGB(color),
  width: size + 'px',
@@ -321,9 +320,8 @@ function InkRippleService($window, $timeout) {
  if (options.center) {
  css.left = css.top = '50%';
  } else {
- rect = node.getBoundingClientRect();
- css.left = Math.round((left - rect.left) / container.prop('offsetWidth') * 100) + '%';
- css.top = Math.round((top - rect.top) / container.prop('offsetHeight') * 100) + '%';
+ css.left = Math.round((left - node.offsetLeft) / container.prop('offsetWidth') * 100) + '%';
+ css.top = Math.round((top - node.offsetTop) / container.prop('offsetHeight') * 100) + '%';
  }
 
  return css;