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) */