- From: Joe Pea <notifications@github.com>
- Date: Mon, 22 Feb 2016 12:25:40 -0800
- To: w3c/webcomponents <webcomponents@noreply.github.com>
- Message-ID: <w3c/webcomponents/issues/392@github.com>
Hello, I'm working on a library (at http://infamous.io, for now at least) in which I'm creating a set of Custom Elements for rendering a 3D scene. I have a small problem. Everything works fine when I use the custom elements in the `<body>` of a Meteor app, but when I try doing the exact same thing with a static HTML page and the scripts manually included in the `<head>`, it fails and doesn't work as expected. I'm not sure if I'm doing something wrong and don't know something about Custom Elements, or if there's a problem with the API. To see the working demo, just ```sh git clone git@github.com:trusktr/site.git cd site git checkout infamous-motor-html # it's on this branch. npm install meteor # meteor is really easy to install, meteor.com ``` The result looks like this, the teal and pink elements positioned as expected in 3D space:  Now, if you look in the `public` folder, you'll see the static version in `html-demo.html` (you can open this directly in your browser with `file://`, or visit `localhost:3000/html-demo.html` while running the Meteor app. I have double checked, and I believe that I am doing the same exact thing as in the Meteor version, but I simply cannot get the expected result, and it looks like this:  I'm not sure what the problem is, and why it works in the Meteor version (Meteor 1.3 compiles the code with Babel) and doesn't work in the static version (also compiled with Babel via Webpack). Any ideas? --- Reply to this email directly or view it on GitHub: https://github.com/w3c/webcomponents/issues/392
Received on Monday, 22 February 2016 20:26:12 UTC