Object doesn't support property or method createShadowRoot - Edge

[basherr]

Object doesn't support property or method createShadowRoot - Edge

[Wildhoney]

Do you get the same error with the polyfill

[basherr]

@Wildhoney Yup the error doesn't seem to fix even having pollyfill

[SpeedoPasanen]

Wasn't createShadowRoot deprecated a long time ago?

[basherr]

@funkizer It is deprecated but pollyfill seems to fix this issue with firefox but not with edge.

[SpeedoPasanen]

Yeah. Polyfills aren't meant to return dropped features. It was deprecated some 2 years ago in favor of: https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow

[Wildhoney]

It's only complaining about createShadowRoot because it's the fallback.

Using webcomponents-sd-ce.js there should be no reason why attachShadow wouldn't be polyfilled.

[basherr]

@Wildhoney We however added the pollyfill for firefox which doesn't seems to work and we've tried changing dom.webcomponents.enabled to true in about:config section which seems to be fixed but as always it isn't solution to the problem. Could there anything I'm missing with firefox 58.0?

[Wildhoney]

Hmm.

The example uses the polyfill.

It seems to work just fine for me in Firefox 58. Not for you?

[pactera-admindev-remy]

I did as you did, it fixed the createShadowRoot problem but another one poped up instead on Firefox (No problem on Chrome/Safari)

TypeError: Argument 1 of EventTarget.dispatchEvent does not implement interface Event.
This bug is related to "webcomponents.js": "~0.7.24" polifyll not to ReactShadow though...

[Wildhoney]

Not supporting older versions of shadow roots any more.