handle arrow up, down

mui · Jan 17, 2024 · bb2f3a8 · bb2f3a8
1 parent b8b382f
commit bb2f3a8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/docs/data/base/components/input/OTPInput.js b/docs/data/base/components/input/OTPInput.js
@@ -17,6 +17,10 @@ function OTP({ seperator, inputCount, otp, setOtp }) {
 
   const handleKeyDown = (event, currentIndex) => {
     switch (event.key) {
+      case 'ArrowUp':
+      case 'ArrowDown':
+        event.preventDefault();
+        break;
       case 'ArrowLeft':
         event.preventDefault();
         if (currentIndex > 0) {

diff --git a/docs/data/base/components/input/OTPInput.tsx b/docs/data/base/components/input/OTPInput.tsx
@@ -32,6 +32,10 @@ function OTP({
     currentIndex: number,
   ) => {
     switch (event.key) {
+      case 'ArrowUp':
+      case 'ArrowDown':
+        event.preventDefault();
+        break;
       case 'ArrowLeft':
         event.preventDefault();
         if (currentIndex > 0) {