Global styles "bleed" into local DOM (when using shady dom); fortunately

[Cristian Spiescu]

Hello,

I have noticed that global styles "bleed" into local dom. This happens when using shady dom (the current default). When enabling shadow dom: in Chrome, the styles are indeed isolated. In Firefox, the bleeding still occurs (however, by looking with the inspector, I think that the global option doesn't work correctly for Firefox (i.e. shady dom is still used)).

1) Is this the correct behavior, or is it a bug? To be honest, I'm happy with the fact that the global styles do bleed into the local dom. E.g. I use bootstrap; I create a new element called "Panel" and I use directly the styles from the main boostrap css. => no need for CSS modification and /deep/ magic.

2) If yes (i.e. styles do bleed when using shady dom): I guess that there will always be an option to use shady dom even for shadow dom enabled browser, right? (i.e. the option that is now enabled by default).

Thank you!
Best regards,
Cristian.