What's the correct meaning of the "Shadow DOM"? [closed]

Question

Closed. This question is opinion-based. It is not currently accepting answers.

---

Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.

Closed 8 years ago.

Improve this question

I want to make a correct translation of the "Shadow DOM" term into Russian. But I'm not sure what the meaning is the most appropriate for the word "shadow". So I've composed a list of different meanings. Please help me to choose the best one.

• shade, ghost, dark, reflection, loom
• ghost, specter, phantom, apparition, wraith
• darkness, gloom, obscurity, night, murk
• twilight, semidarkness, shade
• hint, allusion, reference, suggestion, inkling
• cover, covering, veil, coat, blanket
• secondary, supernumerary

Answer 1

The term "shadow" in this context means "secondary" or "supernumerary". They're not in your list of synonyms because your thesaurus sucks.

Answer 2

From the Shadow DOM Working Draft:

This specification describes 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.

...

Web application developers often encounter the need to provide encapsulation within a DOM tree. Despite being part of one document tree (a tree that has document as its root), there are typically many functional tree fragments, as well as assumptions about these fragments operating independently. This specification calls this type of encapsulation a functional encapsulation, as opposed to trust encapsulation, which deals with limiting information flow based on trust and ensuring security of data and state within an application.

...

The shadow DOM allows multiple DOM trees (in addition to the document tree) to be composed into one larger tree when rendered. The existence of multiple DOM trees is enabled by letting any element in the document tree to host one or more additional DOM trees. These shadow trees are governed by a set of rules that establish encapsulation boundaries while retaining the standard DOM composability semantics.

The encapsulation boundaries between the document tree and shadow trees are called shadow boundaries. The elements that host shadow trees are called shadow hosts, and the roots of the shadow trees are called shadow roots.

It's also worth noting that there's a shadow-dom tag whose excerpt states:

The Shadow DOM allows you to include a subtree of DOM elements into the rendering of a document, but not into the main document DOM tree.

Its wiki also links off to http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom which describes the purpose and usefulness of the Shadow DOM in more detail.