Skip to content

Commit e9261b8

Browse files
committed
prevent ripple from being created multiple times in parent
1 parent ec1f050 commit e9261b8

File tree

1 file changed

+11
-6
lines changed

1 file changed

+11
-6
lines changed

src/core/components/mdInkRipple/mdInkRipple.vue

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -188,13 +188,18 @@
188188
this.parentElement = this.getClosestPositionedParent(this.$el.parentNode);
189189
this.previous = ['mouse'];
190190
191-
if (!this.parentElement) {
192-
this.$destroy();
193-
} else {
191+
if (this.parentElement) {
194192
this.rippleElement.parentNode.removeChild(this.rippleElement);
195-
this.parentElement.appendChild(this.rippleElement);
196-
this.registerTriggerEvent();
197-
this.setDimensions();
193+
194+
if (this.parentElement.querySelectorAll('.md-ink-ripple').length > 0) {
195+
this.$destroy();
196+
} else {
197+
this.parentElement.appendChild(this.rippleElement);
198+
this.registerTriggerEvent();
199+
this.setDimensions();
200+
}
201+
} else {
202+
this.$destroy();
198203
}
199204
},
200205
destroy() {

0 commit comments

Comments
 (0)