Modal not showing

[cyberfly]

On version 0.3.4, and I was using TailwindCSS on my project. No configuration, basically just install Oruga to test it

I was following Open Modal Clip Scroll

https://oruga.io/components/Modal.html#examples

But the modal is not showing. Nothing happen

When inspect the vue dev tools, the o-modal active already true

[jtommy]

Are you importing Oruga CSS?
What package are you using? oruga or oruga-next ?

[cyberfly]

@jtommy sorry its oruga for Vue 2. For the CSS I import

import Vue from 'vue';
import Oruga from '@oruga-ui/oruga';
import '@oruga-ui/oruga/dist/oruga.css';

Vue.use(Oruga);

Oruga button works though

[jtommy]

Can you reproduce on codepen or similar?

[astagi]

@cyberfly any update on this?

[cyberfly]

@jtommy is there any codepen template for Oruga UI that I can quickly spin off?

@astagi I revisit the modal after 2 weeks, and looks like the Modal only works if the isCardModalActive is set to true by default.

<button type="button" @click="isCardModalActive = true">
        Open modal (clip scroll)
      </button>

<o-modal :active.sync="isCardModalActive" :width="640" scroll="clip">
      <p>
        laoreet et metus. Aenean placerat turpis nec tincidunt tempus.
      </p>
    </o-modal>

data() {
    return {
      isCardModalActive: true
    };
  },

[jtommy]

@cyberfly yes, active prop must be true