Loading overlay not covering the entire page

**I'm submitting a Question (check one with "x")

[ ] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ x ] Other, please describe

Tell about your platform

Vue.js version : 2.6.12
Browser name and version : Chrome Latest
This package version : 3.0.1

My Question I'm not using the component. So I can't set the is-full-page prop to true. But I want to make the overlay cover the entire page. How can I do this?

Example: loading-overlay

Current behavior Loading overlay not covering the entire page. It only covering the content, does not cover the sidebar.

Expected behavior I want to make the loading overlay cover the entire page

Minimal reproduction of the problem with instructions My main.js definitions:

import VueLoading from 'vue-loading-overlay';
import 'vue-loading-overlay/dist/vue-loading.css';
Vue.use(VueLoading, {
  canCancel: false,
  onCancel: () => {},
  color: '#3399ff',
  loader: ['spinner', 'dots', 'bars'][1],
  width: 64,
  height: 64,
  backgroundColor: '#333333',
  opacity: 0.35,
  zIndex: 999,
});

And the interaction with the plugin:

let loading = Vue.$loading.show();
...
loading.hide()

ankurk91 / vue-loading-overlay

Loading overlay not covering the entire page #87