When running Parse.FacebookUtils.init Polymer raises InvalidCharacterError exception.

[ryasmi]

Uncaught InvalidCharacterError: Failed to execute 'createElement' on 'Document': The tag name provided ('<iframe name="fb_xdm_frame_http"/>') is not a valid name.

Found at http://gothic-resift.codio.io:8000/

Full error

Uncaught InvalidCharacterError: Failed to execute 'createElement' on 'Document': The tag name provided ('<iframe name="fb_xdm_frame_http"/>') is not a valid name. Document.js:50
b.(anonymous function) Document.js:50
a.(anonymous function) wrappers.js:391
r CustomElements.js:379
k all.js:46
r.create.whenReady all.js:77
t.register.init all.js:76
t.create all.js:76
qa all.js:77
(anonymous function) all.js:77
(anonymous function) all.js:66
w all.js:28
g.fire all.js:66
p all.js:122
(anonymous function) all.js:84
(anonymous function) all.js:82
d.FacebookUtils.init parse-1.2.18.min.js:3
(anonymous function) index.js:6
(anonymous function)

[sjmiles]

The error states that somebody tried to execute document.createElement('<iframe name="fb_xdm_frame_http"/>');, which as far as I know is a syntax error.

It's not at all clear this has anything to do with Polymer. You need to reduce the problem more fully.

[ryasmi]

I have just solved it by changing some of the facebook code. Sorry to bother you, but thanks for the reply @sjmiles

[ryasmi]

I submitted a bug to facebook so hopefully they change their code so that other people don't have this problem too.

[arv]

This is a duplicate... let me find the original bug.

The problem is that Facebook does some weird feature detection based on form.elements which the shadow dom polyfill does not implement.

[arv]

https://github.com/Polymer/ShadowDOM/issues/393