fixed EddieHubCommunity#9707 - Accesibility Issue with Icon Dropdown

aryanraj60 · Dec 16, 2023 · 43daff0 · 43daff0
1 parent 7e7afa5
commit 43daff0
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/IconSearch.js b/components/IconSearch.js
@@ -37,7 +37,13 @@ function IconSearch({ selectedIcon, handleSelectedIcon }) {
             <Combobox.Option
               key={icon}
               value={icon}
-              className={`px-3 py-2 flex items-center dark:hover:bg-tertiary-medium/60 hover:bg-secondary-low/40`}
+              className={({ active }) =>
+                `px-3 py-2 flex items-center ${
+                  active
+                    ? "bg-red-400"
+                    : "dark:hover:bg-tertiary-medium/60 hover:bg-secondary-low/40"
+                }`
+              }
             >
               <Icon className="h-5 w-5 mr-2 fill-grey-700 inline align-center justify-center" />{" "}
               <span>{icon}</span>