[@mantine/core] PinInput: Fix incorrect Backspace key handling on t…

…he first input (#6880)
mantinedev · Sep 25, 2024 · 81440bc · 81440bc
1 parent b4f9628
commit 81440bc
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/@mantine/core/src/components/PinInput/PinInput.tsx b/packages/@mantine/core/src/components/PinInput/PinInput.tsx
@@ -310,13 +310,15 @@ export const PinInput = factory<PinInputFactory>((props, ref) => {
     } else if (key === 'Delete') {
       setFieldValue('', index);
     } else if (key === 'Backspace') {
-      setFieldValue('', index);
-      if (length === index + 1) {
-        if ((event.target as HTMLInputElement).value === '') {
+      if (index !== 0) {
+        setFieldValue('', index);
+        if (length === index + 1) {
+          if ((event.target as HTMLInputElement).value === '') {
+            focusInputField('prev', index, event);
+          }
+        } else {
           focusInputField('prev', index, event);
         }
-      } else {
-        focusInputField('prev', index, event);
       }
     } else if (inputValue.length > 0 && key === _value[index]) {
       focusInputField('next', index, event);