Shady DOM is a lightweight shim of the Google Polymer project that provides some of the benefits of Shadow DOM to non-compliant browsers without the expensive resource cost of full Shadow DOM support.
Not to be confused with the Shadow DOM (shadow-dom), Shady DOM is a lightweight shim of the Google Polymer project that provides some of the benefits of Shadow DOM to non-compliant browsers without the more expensive resource cost that full Shadow DOM support would incur. This is particularly useful for lightweight or mobile browsers.
Shady DOM, formerly part of polymer, requires webcomponents.js as of Polymer 2.x, so if you are not using Polymer or webcomponents.js, then you should avoid using the shady-dom tag. Consider using shadow-dom instead.
