Chrome Not Rendering the Canvas at all

Questions
,
1

Hi my THREEJS site page http://206.189.117.47/TestPyramid3d.html works find for me in Firefox. But the content just doesn’t get rendered in Chrome as all - can anyone give me advise on why that might be?

Thanks
Matt

2

It doesnt work on edge browser either
Your tp3d-threejsview element is empty

image
image1025×636 83.7 KB

3

Yeah.I think that is chrome under the hood as well now. I’m just not sure if it is my Lit-html web component that is failing to ‘inject’ the canvas element OR for some reason Threejs fails to render the canvas and therefore doesn’t get injected?

Any advise welcome I am new to web dev and js…

4

I have no experience with lit-html, but I think your init function isn’t actually being called.
If I try to debug, it doesn’t get to this line.

image
image1204×483 127 KB

1 Like
5

In my definition my element was deriving from another, but I think not available on that page.:

customElements.define(‘tp3d-threejsview’, ThreeJSTestPyramid3dView, { extends: “article” });

removed the extends and now its fine in Chrome (still not showing in ie 11)