Use teleport to avoid rendering inconsistency.
This commit is contained in:
parent
9aae54aca4
commit
f4e55f359c
3 changed files with 6 additions and 3 deletions
|
|
@ -49,7 +49,7 @@ export default {
|
||||||
);
|
);
|
||||||
if (!this.isDisabled) {
|
if (!this.isDisabled) {
|
||||||
if (!this.suppressLoader) this.isLoaderDisplayed = true;
|
if (!this.suppressLoader) this.isLoaderDisplayed = true;
|
||||||
//this.$emit("click-event");
|
this.$emit("click-event");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
resetButtonStyle() {
|
resetButtonStyle() {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="intercept-overlay"
|
class="intercept-overlay"
|
||||||
|
aria-hidden="true"
|
||||||
@keydown.capture="blockKey"
|
@keydown.capture="blockKey"
|
||||||
@click="captureClick"></div>
|
@click="captureClick"></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<interceptOverlay v-if="!allowPageInteraction" />
|
<Teleport to="body">
|
||||||
|
<interceptOverlay v-if="!allowPageInteraction" />
|
||||||
|
</Teleport>
|
||||||
<div
|
<div
|
||||||
class="loader"
|
class="loader"
|
||||||
role="alert"
|
role="alert"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue