From b26dcf9dc695f6e1ef2a6bde7f7c81f0282281cc Mon Sep 17 00:00:00 2001
From: dnwjn <hello@dnwjn.dev>
Date: Sun, 6 Feb 2022 11:58:16 +0100
Subject: [PATCH] Move if check to portal element

Fixes https://github.com/dillingham/nova-button/issues/75
---
 resources/js/components/IndexField.vue | 4 ++--
 resources/js/components/NovaButton.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/IndexField.vue b/resources/js/components/IndexField.vue
index 5378409..bc9e145 100644
--- a/resources/js/components/IndexField.vue
+++ b/resources/js/components/IndexField.vue
@@ -20,9 +20,9 @@
         @click="openModal = true"
       />
 
-      <portal to="modals">
+      <portal to="modals" v-if="openModal">
         <transition name="fade">
-          <modal v-if="openModal" @modal-close="openModal = false">
+          <modal @modal-close="openModal = false">
             <form class="bg-white rounded-lg shadow-lg overflow-hidden" style="width: 460px;">
               <div class="p-8">
                 <heading :level="2" class="mb-6" v-html="field.confirm.title"></heading>
diff --git a/resources/js/components/NovaButton.vue b/resources/js/components/NovaButton.vue
index b930883..6c46512 100644
--- a/resources/js/components/NovaButton.vue
+++ b/resources/js/components/NovaButton.vue
@@ -29,7 +29,7 @@
 import { queue } from '../queue.js';
 
 export default {
-  props: ['resource', 'resourceName', 'resourceId', 'field'],
+  props: ['resource', 'resourceName', 'resourceId', 'field', 'ajaxClasses'],
   data: () => ({
     buttonWidth: null,
     loading: false,