docs(actions): document ShadowRoot capabilities

keithamus · keithamus · commit 4272bb9f8555 · 2020-10-29T16:45:37.000Z
diff --git a/docs/_guide/actions.md b/docs/_guide/actions.md
@@ -138,6 +138,10 @@ class HoverCard extenda HTMLElement {
 }
 ```
 
+### Targets and "ShadowRoots"
+
+Custom elements can create encapsulated DOM trees known as "Shadow" DOM. Catalyst actions support Shadow DOM by traversing the `shadowRoot`, if present, and also automatically watching shadowRoots for changes; auto-binding new elements as they are added.
+
 ### What about without Decorators?
 
 If you're using decorators, then the `@controller` decorator automatically handles binding of actions to a Controller.

Original file line number	Diff line number	Diff line change
`@@ -138,6 +138,10 @@ class HoverCard extenda HTMLElement {`
`138`	`138`	`}`
`139`	`139`	```
`140`	`140`
	`141`	`+### Targets and "ShadowRoots"`
	`142`	`+`
	`143`	+Custom elements can create encapsulated DOM trees known as "Shadow" DOM. Catalyst actions support Shadow DOM by traversing the `shadowRoot`, if present, and also automatically watching shadowRoots for changes; auto-binding new elements as they are added.
	`144`	`+`
`141`	`145`	`### What about without Decorators?`
`142`	`146`
`143`	`147`	If you're using decorators, then the `@controller` decorator automatically handles binding of actions to a Controller.