About Shadow DOM polyfill

Implementation status

functional

Repository

github.com/toolkitchen/ShadowDOM

W3C Specification

dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html

Shadow DOM is designed to provide encapsulation by hiding DOM subtrees under shadow roots. It provides a method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM.

Before you begin

Some useful resources:

• What the Heck is Shadow DOM?

• HTML5Rocks - Shadow DOM 101

• HTML5Rocks - Shadow DOM 201: CSS and Styling

• HTML5Rocks - Shadow DOM 301: Advanced Concepts & DOM APIs