feat: make easier to focus on text inputs from anywhere in group

duality-labs · May 10, 2024 · eb661dd · eb661dd
1 parent d09be32
commit eb661dd
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/cards/LimitOrderCard.tsx b/src/components/cards/LimitOrderCard.tsx
@@ -903,11 +903,16 @@ function NumericInputRow({
       className={['numeric-value-input flex row py-3 px-4', className]
         .filter(Boolean)
         .join(' ')}
+      onClick={() => inputRef.current?.focus()}
+      onKeyDown={() => inputRef.current?.focus()}
+      role="button"
+      tabIndex={0}
     >
       {prefix && (
         <div className="numeric-value-input__prefix mr-3">{prefix}</div>
       )}
       <input
+        ref={inputRef}
         type="number"
         className="numeric-value-input__input flex"
         placeholder={placeholder}