Blur and refocus input box when entering letters this fixes the Andri…

…od issue with the keyboard so that when hitting backspace the keys are removed correctly
guardian · Dec 16, 2024 · ce68029 · ce68029
1 parent c2b16ed
commit ce68029
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/libs/@guardian/react-crossword/src/components/Grid.tsx b/libs/@guardian/react-crossword/src/components/Grid.tsx
@@ -180,8 +180,10 @@ export const Grid = () => {
 				: keyDownRegex.test(key) && key.toUpperCase();
 
 			if (value) {
+				// This mimics moving to a new input cell after typing a letter
 				inputRef.current?.blur();
 				inputRef.current?.focus();
+
 				updateCell({
 					x: currentCell.x,
 					y: currentCell.y,