search

vue-final / vue-final-modal

🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
https://vue-final-modal.org
MIT License
930 stars 99 forks source link

VueFinalModel did not open #433

Open bluelemonade opened 9 months ago

bluelemonade commented 9 months ago

Version

vue-final-modal: 4.5.4 vue: v3.2.5

simple setup in app.vue 

 <div id="content-grid">
....
 </div>

 <VueFinalModal v-if="showModal" class="confirm-modal" content-class="confirm-modal-content" overlay-transition="vfm-fade" content-transition="vfm-fade" >
      <h1>{{ title }}</h1>
      <!-- <slot /> -->
      <!-- <button @click="emit('confirm')"> -->
      <button @click="console.log('hallo')">
        Confirm
      </button>
    </VueFinalModal>

    <ModalsContainer />

ok, in chrome I can toggle the teleport comments, the VueFinalModal didn't toggle, it remains permanently commented out any ideas?

image

zeromask1337 commented 3 weeks ago

Same issue. I have Nuxt 3 project and for some reason modal doesn't open from layout on error page. Debugged it whole day in devtools, open method simply doesn't trigger.