fix: ActionBar overlay button does not work when has one child(#330)

Co-authored-by: piyushjindal <piyushjindal@adobe.com>
adobe · Feb 8, 2024 · 855d999 · 855d999
1 parent f20a37c
commit 855d999
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/coral-component-actionbar/src/scripts/BaseActionBarContainer.js b/coral-component-actionbar/src/scripts/BaseActionBarContainer.js
@@ -185,7 +185,7 @@ const BaseActionBarContainer = (superClass) => class extends superClass {
     this._itemsInPopover.forEach((item) => {
       item.style.visibility = '';
       // Store the button and popover on the item
-      item._button = item.querySelector('button[is="coral-button"]') || item.querySelector('a[is="coral-anchorbutton"]');
+      item._button = item.querySelector(':scope > button[is="coral-button"]') || item.querySelector(':scope > a[is="coral-anchorbutton"]');
       item._popover = item.querySelector('coral-popover');
       if (item._popover) {
         item._popoverId = item._popover.id;