Advanced Router - DocumentFragment() not supported in Safari and Firefox?

[itsMattShull]

I was having issues in Safari and Firefox when testing the Advanced Router. It wasn't firing the xhr but is was firing _showSpinner(). For some odd reason when I changed new DocumentFragment() to document.createElement('div') it works in all the browsers I tested.

I know that DocumentFragment has performance benefits so I attempted to do

if (new DocumentFragment()) {
    this._view = new DocumentFragment();
}
else {
    this._view = document.createElement('div');
}

This worked in Chrome but still didn't work in Safari or FF. It appears that DocumentFragment is well supported so I'm confused by the xhr won't fire in those browsers if DocumentFragment is being used. I've shown here where I've changed the code to work in the browsers. Anyone have a thought on why this occurs and possibly how to fix it?

[github-polymer-user]

For anyone willing to debug on their own lovly OS X and Safari, just add some browser polyfills:

1. npm install bower && bower install webcompnentsjs (instuctions from http://webcomponents.org/)
2. add <script src=""/browser/webcomponents-lite.min.js"></script> to the header section of the header.partial.html file
3. add app use section app.use('/browser',express.static('./app/../bower_components/webcomponentsjs'));
4. add extra -moz-, -webkit-, -o-webkit- CSS animation and/or html5shim.js as needed