fix(shared): scope querySelector to direct children, like slots are

adobe · Sep 7, 2023 · 515eaee · 515eaee
1 parent 61f526d
commit 515eaee
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/tools/shared/src/observe-slot-presence.ts b/tools/shared/src/observe-slot-presence.ts
@@ -82,13 +82,13 @@ export function ObserveSlotPresence<T extends Constructor<ReactiveElement>>(
         public managePresenceObservedSlot = (): void => {
             let changes = false;
             lightDomSelectors.forEach((selector) => {
-                const nextValue = !!this.querySelector(selector);
+                const nextValue = !!this.querySelector(`:scope > ${selector}`);
                 const previousValue =
                     this[slotContentIsPresent].get(selector) || false;
                 changes = changes || previousValue !== nextValue;
                 this[slotContentIsPresent].set(
                     selector,
-                    !!this.querySelector(selector)
+                    !!this.querySelector(`:scope > ${selector}`)
                 );
             });
             if (changes) {