From bedd443726876526efa0042f7d0a8969fdea6c00 Mon Sep 17 00:00:00 2001
From: Marcos Moura <mrufino@ciandt.com>
Date: Tue, 26 Jul 2016 14:29:19 -0300
Subject: [PATCH] Fix ripple with position:absolute|fixed elements

---
 src/components/mdInkRipple/index.js | 10 ++++++----
 src/docs/pages/Buttons.vue          |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/mdInkRipple/index.js b/src/components/mdInkRipple/index.js
index ae69cbb..1ec1d62 100644
--- a/src/components/mdInkRipple/index.js
+++ b/src/components/mdInkRipple/index.js
@@ -56,21 +56,23 @@ export default function install(Vue) {
     return ripple;
   };
 
-  let checkPositionRelative = (element) => {
-    return getComputedStyle(element).position === 'relative';
+  let checkPositionedParent = (element) => {
+    let availablePositions = ['relative', 'absolute', 'fixed'];
+
+    return availablePositions.indexOf(getComputedStyle(element).position) > -1;
   };
 
   let getParentWithPositionRelatve = (element) => {
     let found = false;
 
-    if (checkPositionRelative(element)) {
+    if (checkPositionedParent(element)) {
       return element;
     }
 
     while (!found) {
       let parent = element.parentNode;
 
-      if (parent && checkPositionRelative(parent)) {
+      if (parent && checkPositionedParent(parent)) {
         found = parent;
       }
     }
diff --git a/src/docs/pages/Buttons.vue b/src/docs/pages/Buttons.vue
index b9fbb43..0d01419 100644
--- a/src/docs/pages/Buttons.vue
+++ b/src/docs/pages/Buttons.vue
@@ -14,7 +14,7 @@
   <section>
     <h2 class="title">FAB</h2>
 
-    <md-button class="md-fab">
+    <md-button class="md-fab md-fab-bottom-right">
       <md-icon>add</md-icon>
     </md-button>