From fa3fb58bda571ccf73e9d7be8167dec51dcdeb71 Mon Sep 17 00:00:00 2001
From: Bruno <72168158+bcostaaa01@users.noreply.github.com>
Date: Fri, 15 Dec 2023 10:41:31 +0000
Subject: [PATCH] fix: Fix `aria-controls` attribute in
 `fwb-sidebar-dropdown-item` component and add documentation to assess ARIA
 allowed attribute issue (#255)

* Remove `aria-controls` attribute from `button` element

* Add `aria-controls` back in component

* Pass `dropdown-content` to `aria-controls`
---
 src/components/FwbSidebar/FwbSidebarDropdownItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FwbSidebar/FwbSidebarDropdownItem.vue b/src/components/FwbSidebar/FwbSidebarDropdownItem.vue
index 9c8393e..6869707 100644
--- a/src/components/FwbSidebar/FwbSidebarDropdownItem.vue
+++ b/src/components/FwbSidebar/FwbSidebarDropdownItem.vue
@@ -3,7 +3,7 @@
     <button
       type="button"
       class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700 z-10"
-      aria-controls="dropdown-example"
+      aria-controls="dropdown-content"
       @click="toggleDropdown"
     >
       <slot name="icon">