Safari/Firefox: TypeError: null is not an object

[Sanderand]

I was checking out the functionality on a freshly cloned github project. Chrome works absolutely fine for me, but Safari and Firefox won't display anything and give me the following errors:

In Safari:
TypeError: null is not an object (evaluating 'thisDoc.querySelector('template').content')

In Firefox:
TypeError: thisDoc.querySelector(...) is null

My system:
Safari: Version 8.0 (10600.1.25.1)
Firefox: 31.0
OS: OS X Yosemite 10.10.1 (14B25)

Does anyone have the same problem or a solution for that?

[zenorocha]

Did you run bower install? webcomponents.js should take care of this...

[Sanderand]

yes. I also tried using the non-minified version of webcomponents.js. The polyfills are both loaded successfully by Safari and Firefox.

[Sanderand]

I modified hello-world.html:

// Gets content from <template>
console.log('thisDoc.querySelector("template")', thisDoc.querySelector('template'));
var template = thisDoc.querySelector('template').content;

The console output already gives me null. That's possibly why the rest of the code cannot work. Any ideas?

[zenorocha]

Fixed in #8