Modal not showing about oruga

[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