top of page
  • Writer's pictureSathish Balaji

Shadow DOM... Illustrated!


What is DOM?

Browser generates Document object model from static html files in order to manipulate the structure, style and content.


Shadow DOM

Shadow DOM enables encapsulation to keep the markup, style and behaviour hidden and private to the component that hosts it.


Since it is private and hidden, global logic and styles cannot affect.



Events that are thrown from within a shadow DOM usually do not propagate outside the boundary unless it is set to

composed: true



Recent Posts

See All


bottom of page