Fix focus keyboard behaviour

jakst · Dec 23, 2024 · 4203c95 · 4203c95
1 parent e383a66
commit 4203c95
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/app/src/components/ItemRow.tsx b/packages/app/src/components/ItemRow.tsx
@@ -119,6 +119,10 @@ export function ItemRow(props: { item: ShoppingListItem }) {
 									const currentItemIndex = Array.from(inputs).indexOf(event.currentTarget)
 									if (currentItemIndex >= 0) {
 										const nextItem = inputs[currentItemIndex + 1]
+
+										// Focus instantly to keep keyboard open in proper browsers
+										nextItem.focus()
+										// Focus after delay to make it work in Safari...
 										setTimeout(() => nextItem.focus(), 100)
 									}
 								}