ReactShadow icon indicating copy to clipboard operation
ReactShadow copied to clipboard

Document browser support

Open jamesmfriedman opened this issue 7 years ago • 5 comments

I'm excited to try out the lib, but I know shadow dom is not widely supported yet.

Are you polyfilling older versions, or does this only work in Chrome and Safari?

jamesmfriedman avatar May 02 '17 11:05 jamesmfriedman

The library itself doesn't polyfill anything, but there's a really good polyfill for Web Components that will provide basic support for Shadow DOM in other browsers.

I've updated the example to use the polyfill, so you can see how it behaves in other browsers.

Wildhoney avatar May 02 '17 12:05 Wildhoney

Thanks for the quick reply, and for updating the example!

Yeah I was looking at that polyfill this morning, I wasn't sure if it would just work out of the box or would require any sort of retooling. I know the ShadowDom specifically can be really really hard to polyfill.

jamesmfriedman avatar May 02 '17 12:05 jamesmfriedman

It definitely is, but the polyfill does a fairly good job. However there are certainly outstanding difficulties, especially when it comes to embedding CSS in your shadow boundary.

We're not quite at the stage where Shadow DOM is ready for the main stage, but we're heading in the right direction at least. For the moment I'd consider Shadow DOM — and ReactShadow — purely experimental.

Wildhoney avatar May 02 '17 12:05 Wildhoney

For the moment I'd consider Shadow DOM — and ReactShadow — purely experimental.

Would be great to have that in the main README.md @Wildhoney

esteban-uo avatar Jun 28 '17 10:06 esteban-uo

You can check the browser support of shadow dom here. It keeps getting better :tada:

CodingDive avatar Jul 09 '19 00:07 CodingDive