Laravel Jetstream modal doesn’t appear

  inertiajs, jetstream, laravel, vue.js

I’m trying to re-use the Jetstream Dialog Modal, but it doesn’t seem to work. Here is the sample taken from the official docs

<jet-dialog-modal :show="modal" @close="modal = false">
           <template #title>
               Delete Account
           </template>

           <template #content>
               Test content
           </template>

           <template #footer>
               Cancel
           </template>
       </jet-dialog-modal>

When I set the modal property to true and inspect the DOM, body style is being appended with an overflow: hidden; However, the modal window doesn’t show up. As an important note, I’m using the Inertia stack.

Source: Laravel

Leave a Reply