fix(avatar): check removed avatar node type (#1822)

* fix(avatar): check removed avatar node type * chore: update --------- Co-authored-by: Segun Adebayo <[email protected]>
chakra-ui · Sep 5, 2024 · 6d958b3 · 6d958b3
1 parent b6033de
commit 6d958b3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/many-papayas-clap.md b/.changeset/many-papayas-clap.md
@@ -0,0 +1,5 @@
+---
+"@zag-js/avatar": patch
+---
+
+Fix issues where avatar could throw when the fallback inner text changes.
diff --git a/packages/machines/avatar/src/avatar.machine.ts b/packages/machines/avatar/src/avatar.machine.ts
@@ -74,7 +74,9 @@ export function machine(userContext: UserDefinedContext) {
           return observeChildren(rootEl, {
             callback(records) {
               const removedNodes = Array.from(records[0].removedNodes) as HTMLElement[]
-              const removed = removedNodes.find((node) => node.matches("[data-scope=avatar][data-part=image]"))
+              const removed = removedNodes.find(
+                (node) => node.nodeType === Node.ELEMENT_NODE && node.matches("[data-scope=avatar][data-part=image]"),
+              )
               if (removed) {
                 send({ type: "IMG.UNMOUNT" })
               }