Documentation for queryAssignedNodes

caseywatts · web-flow · commit da40e2b36e60 · 2024-10-04T18:33:34.000-04:00
Based on the discussion on Discord: https://discord.com/channels/1012791295170859069/1291879150654849048/1291879150654849048
diff --git a/packages/lit-dev-content/site/docs/v3/components/shadow-dom.md b/packages/lit-dev-content/site/docs/v3/components/shadow-dom.md
@@ -187,7 +187,9 @@ get _slottedChildren() {
 }
 ```
 
-You can also use the `slotchange` event to take action when the assigned nodes change.
+The nodes are assigned after the slot is rendered, so you need to check them in `updated`, or if you want to use them in rendering, you can use `slotchange`.
+
+You can use the `slotchange` event to take action when nodes are first assigned or change.
 The following example extracts the text content of all of the slotted children.
 
 ```js

Original file line number	Diff line number	Diff line change
`@@ -187,7 +187,9 @@ get _slottedChildren() {`
`187`	`187`	`}`
`188`	`188`	```
`189`	`189`
`190`		-You can also use the `slotchange` event to take action when the assigned nodes change.
	`190`	+The nodes are assigned after the slot is rendered, so you need to check them in `updated`, or if you want to use them in rendering, you can use `slotchange`.
	`191`	`+`
	`192`	+You can use the `slotchange` event to take action when nodes are first assigned or change.
`191`	`193`	`The following example extracts the text content of all of the slotted children.`
`192`	`194`
`193`	`195`	```js