question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot use it inside an element full screen error

See original GitHub issue

I want to show this loader inside a div element but it always goes full screen. I do not what’s the problem or its a bug.

I placed vld-parent class on the div and a ref. Then I am using this code initiate, but it goes full screen.

let loader = this.$loading.show({
    container: this.$refs.loadContainer,
    loader: this.loader,
}, {});

setTimeout(() => {
    loader.hide()
},5000)

I am using it as a plugin.

Please Help me I am stuck.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ankurk91commented, Dec 26, 2018

Use it as a component

0reactions
hamzaali00001commented, Dec 26, 2018

Ok, it worked. Thanks. But can you please tell me on multiple images. Basically, I want to use it as a loader while the images are loading (deferring images) to speed up page time.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Javascript request fullscreen is unreliable - Stack Overflow
Request for full-screen was denied because Element.mozRequestFullScreen() was not called from inside a short running user-generated event ...
Read more >
Element.requestFullscreen() - Web APIs | MDN
The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in fullscreen mode.
Read more >
Request for fullscreen was denied · Issue #34 - GitHub
Hello,. It means that you are trying to go in fullscreen mode without user interaction. You won't be able to put the user...
Read more >
Fullscreen API requestFullscreen() Method - W3Schools
The requestFullscreen() method opens an element in fullscreen mode. Tip: Use the exitFullscreen() method to cancel fullscreen mode.
Read more >
Displaying Content in Full Screen using the Fullscreen API in ...
Open up any content on your page in full screen mode with just a few lines of JavaScript using the Full Screen API....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found