WebGL double canvas creation?

I’ve been working on doing the custom layout for our webgl game which is on Facebook. My javascript is super rusty along with my html and css, but I’ve been able to dig around and finally come to an almost correct design. However, I am running into a strange issue.

The index.html file is modified, but I’m using the UnityLoader.instantiate call and targetting a div id “webgl”. It then creates the canvas, which I’ve modified the unityloader to remove extra style tags from it. However, it then creates a second canvas within that canvas which is where the game actually is sitting. This seems odd. I need the game to be on the first canvas and am currently uncertain as to how it’s creating a second canvas. If I delete the second canvas from the web console inspector, the game vanishes.

Also to note because it’s on the second canvas, it’s not displaying correctly, so I’m just trying to solve why it’s making a second one instead of creating the first one and putting the game on it.

Thank you for any help that can be provided.

maybe post your html?

Thanks for the quick reply. I did a new build and copied over the modified files into the zip and reposted to Facebook and things seem fine with this now on that part. Perhaps something just wasn’t replaced correctly.

I’m now dealing with other issues, but I think this is just my lack of knowledge on css, html, and javascript.