Keep focus on input when selecting from dropdown

seek-oss · Apr 12, 2024 · 0968494 · 0968494
1 parent 1baefa6
commit 0968494
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/braid-design-system/src/lib/components/TagSelector/TagSelector.tsx b/packages/braid-design-system/src/lib/components/TagSelector/TagSelector.tsx
@@ -55,6 +55,7 @@ const TagOption = ({ tag, index, activeIndex }: TagOptionProps) => {
         htmlFor={checkboxId}
         className={styles.TagOpenLabel}
         onClick={handleClick}
+        onMouseDown={(event) => event.preventDefault()}
       >
         <input
           type="checkbox"
@@ -122,8 +123,7 @@ export const TagSelector = ({
           onKeyDown={handleKeyDown}
         />
         <span aria-hidden="true" data-trigger="multiselect" />
-        {/* Todo - remove !isFocussed */}
-        {(isFocussed || !isFocussed) && (
+        {isFocussed && (
           <ul
             className={styles.Dropdown}
             id="available-tags"