Use teleport to avoid rendering inconsistency.

This commit is contained in:
Chloe Herd 2026-07-21 14:33:51 -04:00
parent 9aae54aca4
commit f4e55f359c
3 changed files with 6 additions and 3 deletions

View file

@ -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() {

View file

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

View file

@ -1,5 +1,7 @@
<template> <template>
<Teleport to="body">
<interceptOverlay v-if="!allowPageInteraction" /> <interceptOverlay v-if="!allowPageInteraction" />
</Teleport>
<div <div
class="loader" class="loader"
role="alert" role="alert"