remove select dropdown button from tabbing order

reaviz · Dec 6, 2023 · 0800d26 · 0800d26
1 parent f390a03
commit 0800d26
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/form/Select/SelectInput/SelectInput.module.css b/src/form/Select/SelectInput/SelectInput.module.css
@@ -127,6 +127,11 @@
       border: none;
       background: none;
 
+      &:focus-visible {
+        outline: 1px dashed var(--button-focus);
+        outline-offset: var(--button-focus-offset);
+      }
+
       &:not([disabled]) {
         cursor: pointer;
       }

diff --git a/src/form/Select/SelectInput/SelectInput.tsx b/src/form/Select/SelectInput/SelectInput.tsx
@@ -379,6 +379,7 @@ export const SelectInput: FC<Partial<SelectInputProps>> = ({
             disabled={disabled}
             className={classNames(css.expand, css.btn, 'select-input-toggle')}
             onClick={onExpandClick}
+            tabIndex={-1}
           >
             {expandIcon}
           </button>