frontend: minor tab navigation fix for dropdown menus

JackDotJS · Jul 28, 2024 · ef925d6 · ef925d6
1 parent 2d3f9da
commit ef925d6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/renderer/src/components/common/DropDownMenu.tsx b/src/renderer/src/components/common/DropDownMenu.tsx
@@ -4,7 +4,7 @@ import { DropDownCollectionContext } from './DropDownCollection';
 import style from './DropDown.module.css';
 
 const DropDown = (props: { label: string, children?: JSXElement }): JSXElement => {
-  const { activated, selectedId, setSelectedId, targetElement, setTargetElement } = useContext(DropDownCollectionContext);
+  const { activated, setActivated, selectedId, setSelectedId, targetElement, setTargetElement } = useContext(DropDownCollectionContext);
 
   const buttonId = createUniqueId();
   let lastTarget: Element|null = null;
@@ -40,14 +40,19 @@ const DropDown = (props: { label: string, children?: JSXElement }): JSXElement =
     startCountdown();
   };
 
+  const clickHandler = (): void => {
+    setActivated(true);
+    updateSelected();
+  };
+
   return (
     <>
       <button 
         class={style.dropdownButton} 
         onPointerOver={() => updateSelected()}
         classList={{ [style.opened]: activated() && isSelected() }}
         onPointerMove={(ev) => movement(ev)}
-        // onClick={() => cancelCountdown()}
+        onClick={() => clickHandler()}
       >
         {props.label}
         <Show when={activated() && isSelected()}>