fix(VOtpInput): move to proper input when input index is not next

Author: johnleider

packages/vuetify/src/labs/VOtpInput/VOtpInput.tsx

@@ -107,7 +107,7 @@ export const VOtpInput = genericComponent<VOtpInputSlots>()({
       let target: any = null
 
       if (focusIndex.value > model.value.length) {
-        target = model.value.length + 1
+        target = model.value.length
       } else if (focusIndex.value + 1 !== Number(props.length)) {
         target = 'next'
       } else {

packages/vuetify/src/labs/VOtpInput/__tests__/VOtpInput.spec.cy.tsx

@@ -29,6 +29,18 @@ describe('VOtpInput', () => {
       .should('not.be.focused')
   })
 
+  it('enters value and moves to next input when focused index is not next', () => {
+    cy.mount(() => (<VOtpInput />))
+      .get('.v-otp-input input').eq(0)
+      .type('1')
+      .get('.v-otp-input input').eq(1)
+      .should('be.focused')
+      .get('.v-otp-input input').eq(3)
+      .type('2')
+      .get('.v-otp-input input').eq(2)
+      .should('be.focused')
+  })
+
   it('removes value and stays on current input when using delete', () => {
     cy.mount(() => (<VOtpInput />))
       .get('.v-otp-input input').eq(0)