From bdd97dfbcaf144d3acf93ee19c8c0532d6a084e0 Mon Sep 17 00:00:00 2001
From: Alan Bridgeman <a.bridgeman@hotmail.com>
Date: Wed, 8 Jul 2026 20:09:52 -0500
Subject: [PATCH] Attempting to debug and/or fix dropdown component
 interactivity issue

---
 src/components/dropdown/dropdown.ejs | 2 +-
 src/components/dropdown/dropdown.mjs | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/dropdown/dropdown.ejs b/src/components/dropdown/dropdown.ejs
index 7415294..de075e4 100644
--- a/src/components/dropdown/dropdown.ejs
+++ b/src/components/dropdown/dropdown.ejs
@@ -76,7 +76,7 @@
                 <%- chevronSvg %>
             <% } %>
         </div>
-        <div id="<%= typeof menuId !== 'undefined' ? menuId : 'dropdown-menu' %>" class="dropdown-menu<%= typeof menuStyleClasses !== 'undefined' ? ' ' + menuStyleClasses.join(' ') : '' %>" hidden popover>
+        <div id="<%= typeof menuId !== 'undefined' ? menuId : 'dropdown-menu' %>" class="dropdown-menu<%= typeof menuStyleClasses !== 'undefined' ? ' ' + menuStyleClasses.join(' ') : '' %>"<%# hidden%> popover>
             <slot name="dropdown-menu"></slot>
         </div>
     </template>
diff --git a/src/components/dropdown/dropdown.mjs b/src/components/dropdown/dropdown.mjs
index cd3a2dd..1336823 100644
--- a/src/components/dropdown/dropdown.mjs
+++ b/src/components/dropdown/dropdown.mjs
@@ -22,13 +22,15 @@ export class Dropdown extends ComposableElement {
     _toggled(event) {
         //event.preventDefault();
 
+        console.log('Dropdown content toggled.');
+
         this.currentElemIndex = -1;
 
         const triggerElem = this.shadow.querySelector(`[aria-controls="${event.currentTarget.id}"]`);
         const isOpen = event.newState === 'open';
 
         triggerElem.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
-        event.currentTarget.toggleAttribute('hidden');
+        //event.currentTarget.toggleAttribute('hidden');
     }
 
     /** Keydown handler for the dropdown (arrow key navigation) */