Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-11 00:33:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix ripple with position:absolute|fixed elements

Browse source
This commit is contained in:
Marcos Moura 2016-07-26 14:29:19 -03:00
parent fc79898cf7
commit bedd443726
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/mdInkRipple/index.js
View file

@ -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;
}
}

2
src/docs/pages/Buttons.vue
View file

@ -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>