[4.x] Fix Revealer state issues when closing live preview (#9797)

statamic · Mar 27, 2024 · d77c8c5 · d77c8c5
1 parent 2a19b01
commit d77c8c5
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/resources/js/components/live-preview/LivePreview.vue b/resources/js/components/live-preview/LivePreview.vue
@@ -1,7 +1,7 @@
 <template>
 
     <div>
-        <v-portal :to="livePreviewFieldsPortal" :disabled="!previewing">
+        <v-portal :to="livePreviewFieldsPortal" :disabled="!portalEnabled">
             <provider :variables="provides">
                 <slot name="default" />
             </provider>
@@ -101,6 +101,7 @@ export default {
 
     data() {
         return {
+            portalEnabled: false,
             panesVisible: false,
             headerVisible: false,
             editorWidth: null,
@@ -185,7 +186,13 @@ export default {
 
     watch: {
 
-        previewing(enabled) {
+        previewing(enabled, wasEnabled) {
+            if (wasEnabled && !enabled) {
+                this.$nextTick(() => this.portalEnabled = false);
+            } else {
+                this.portalEnabled = enabled;
+            }
+
             if (!enabled) return;
 
             this.update();