From e6b5859af213185408e1087073c1cba10f7b33c2 Mon Sep 17 00:00:00 2001
From: Rares Stefan <rares.capilnar@gmail.com>
Date: Thu, 30 Mar 2023 18:18:41 +0200
Subject: [PATCH] feat(admin-ui): Make number input increment/decrement buttons
 not tabbable-to (#3645)

* Make number input inc./dec. buttons not tabbable to

* Create changeset
---
 .changeset/selfish-grapes-walk.md                            | 5 +++++
 .../admin-ui/ui/src/components/molecules/input/index.tsx     | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/selfish-grapes-walk.md

diff --git a/.changeset/selfish-grapes-walk.md b/.changeset/selfish-grapes-walk.md
new file mode 100644
index 0000000000..51bef65070
--- /dev/null
+++ 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
index beb09ba44e..dc069220b7 100644
--- 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>