euvl/vue-js-modal

Anonymous component in vue dev tool

AmirRezaM75 opened this issue · 2 comments

Problem:

I don't know why but my modal renders outside of my vue root element (#app).
every functionality woks fine.

Code:

Here is my setup:
app.js

Vue.use(VueJSModal, {
    dynamicDefaults: {
        height: "auto",
        adaptive: true
    }
});

How I call it:

this.$modal.show(ReplyModal,{}, { name: "create-reply"});

ReplyModal.vue


<template>
    <div class="v--modal-box v--modal conversation-modal">
        // my content
    </div>
</template>

<script>

export default {
    name: "ReplyModal",
    props: ['reply'],
    //reset of code

Version:

"vue-js-modal": "^2.0.0-rc.6",

screenshots:

Screenshot from 2021-04-01 10-40-49
Screenshot from 2021-04-01 10-41-26

Is there any misconfiguration?

I wasn't declare <modals-container/> in my master page

@AmirRezaM75 How did you added to the master page (layout). We are using laravel and it is creating second vue app for us in the dev tools. Thanks