fix(masthead-v2): use more explicit selector in dropdown toggle (#11084)

carbon-design-system · Nov 2, 2023 · 911f802 · 911f802
1 parent 2e446d9
commit 911f802
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/web-components/src/components/masthead/masthead-l1.ts b/packages/web-components/src/components/masthead/masthead-l1.ts
@@ -678,8 +678,10 @@ class DDSMastheadL1 extends StableSelectorMixin(LitElement) {
     const { isMobileVersion } = this;
     const { currentTarget } = event;
     const button = currentTarget as HTMLElement;
-    const dropdown = button.nextElementSibling as HTMLElement;
-    const isOpen = dropdown.classList.contains('is-open');
+    const dropdown = button.parentNode?.querySelector(
+      `.${prefix}--masthead__l1-dropdown`
+    ) as HTMLElement;
+    const isOpen = dropdown?.classList.contains('is-open');
 
     if (!isMobileVersion && dropdown && !isOpen) {
       // Get Button & Dropdown locations & widths