top of page

Shadow DOM... Illustrated!

  • Writer: Sathish Balaji
    Sathish Balaji
  • Jan 10, 2022
  • 1 min read

Updated: Apr 11, 2023



 

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

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


composed: true


 

Comments


bottom of page