feat(admin-ui): Make number input increment/decrement buttons not tab…

…bable-to (medusajs#3645) * Make number input inc./dec. buttons not tabbable to * Create changeset
Neil-007-debug · Mar 30, 2023 · e6b5859 · e6b5859
1 parent a1ed1b6
commit e6b5859
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/selfish-grapes-walk.md b/.changeset/selfish-grapes-walk.md
@@ -0,0 +1,5 @@
+---
+"@medusajs/admin-ui": patch
+---
+
+feat(admin-ui): Make number input increment/decrement buttons not tabbable-to
diff --git a/packages/admin-ui/ui/src/components/molecules/input/index.tsx b/packages/admin-ui/ui/src/components/molecules/input/index.tsx
@@ -139,6 +139,7 @@ const InputField = React.forwardRef<HTMLInputElement, InputProps>(
                 onMouseDown={(e) => e.preventDefault()}
                 className="text-grey-50 hover:bg-grey-10 focus:bg-grey-20 rounded-soft mr-2 h-4 w-4 cursor-pointer outline-none"
                 type="button"
+                tabIndex={-1}
               >
                 <MinusIcon size={16} />
               </button>
@@ -147,6 +148,7 @@ const InputField = React.forwardRef<HTMLInputElement, InputProps>(
                 onClick={onNumberIncrement}
                 className="text-grey-50 hover:bg-grey-10 focus:bg-grey-20 rounded-soft h-4 w-4 cursor-pointer outline-none"
                 type="button"
+                tabIndex={-1}
               >
                 <PlusIcon size={16} />
               </button>