Blank Full screen about vue-fullscreen

[mirari]

Could you post some sample code?
You can use jsfiddle like this:
https://jsfiddle.net/mirari/kb0ssh5j/

[nwaughachukwuma]

Hey @mirari thanks for the swift response. The code is quite long and some dependencies are not available over CDN so I used pastebin here: https://pastebin.com/bX9kSszA. The first 2 and last components can be seen on fullscreen, but the 3rd one cannot. I don't know what could be responsible for this. I have only put the code for one of the components to avoid too lengthy lines of codes. Let me know if you get the gist. Thanks

[mirari]

It seems like the 3rd component is no different from others.
Does the devtool console have any output?

Have you try to change the order and make sure if the order is the cause of the problem, or the very component?

[nwaughachukwuma]

@mirari I experienced the same thing when I switched it. Even when I use same component in the different positions. More so, I didn't get any message on the devtool console.

[mirari]

Make sure the component has the correct width and height, and is not including popups which are appended to body or other element.
All elements outside the fullscreen component are invisible.
Sorry I can't offer any more advice before I see the actual page.