Skip to content

Commit fc65cc2

Browse files
committed
fix/refactor: rewrite event.code --> event.key for <InputOTP /> (primefaces#8095 for InputOTP)
1 parent ea5f866 commit fc65cc2

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

packages/primevue/src/inputotp/InputOtp.vue

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -130,15 +130,18 @@ export default {
130130
return;
131131
}
132132
133-
switch (event.code) {
133+
switch (event.key) {
134134
case 'ArrowLeft':
135+
case 'Left':
135136
this.moveToPrev(event);
136137
event.preventDefault();
137138
138139
break;
139140
140141
case 'ArrowUp':
142+
case 'Up':
141143
case 'ArrowDown':
144+
case 'Down':
142145
event.preventDefault();
143146
144147
break;
@@ -152,13 +155,13 @@ export default {
152155
break;
153156
154157
case 'ArrowRight':
158+
case 'Right':
155159
this.moveToNext(event);
156160
event.preventDefault();
157161
158162
break;
159163
160164
case 'Enter':
161-
case 'NumpadEnter':
162165
case 'Tab':
163166
break;
164167
@@ -168,7 +171,7 @@ export default {
168171
const isAtMaxLength = this.tokens.join('').length >= this.length;
169172
const isValidKey = this.integerOnly ? /^[0-9]$/.test(event.key) : true;
170173
171-
if (!isValidKey || (isAtMaxLength && event.code !== 'Delete' && !hasSelection)) {
174+
if (!isValidKey || (isAtMaxLength && event.key !== 'Delete' && event.key !== 'Del' && !hasSelection)) {
172175
event.preventDefault();
173176
}
174177

0 commit comments

Comments
 (0)