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
862 stars 95 forks source link

VueFinalModel did not open #433

Open bluelemonade opened 4 months ago

bluelemonade commented 4 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