Skip to content

bug(ion-input-otp): cursor does not jump to the first field #30459

Closed
#30541
Closed
bug(ion-input-otp): cursor does not jump to the first field#30459
#30541
Labels
package: core@ionic/core packagetype: buga confirmed bug report
@robingenz

Description

@robingenz
robingenz
opened on Jun 6, 2025

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

On Android, if you enter a character in the last OTP field and it already has a value, the cursor does not jump to the first field. It looks like this only occurs if the type is set to text.

screen-20250606-104014.mp4

Expected Behavior

The first otp field should be focused.

Steps to Reproduce

  1. Create a OTP input of type text:
<ion-input-otp type="text"></ion-input-otp>
  1. Enter 4 values
  2. The focus is now on the third field

Code Reproduction URL

https://stackblitz.com/edit/fz2mawht

Ionic Info

Ionic:

   Ionic CLI                     : 7.2.1
   Ionic Framework               : @ionic/angular 8.6.0
   @angular-devkit/build-angular : 19.2.9
   @angular-devkit/schematics    : 19.2.9
   @angular/cli                  : 19.2.9
   @ionic/angular-toolkit        : 11.0.1

Capacitor:

   Capacitor CLI      : 7.2.0
   @capacitor/android : 7.2.0
   @capacitor/core    : 7.2.0
   @capacitor/ios     : 7.2.0

Cordova:

   Cordova CLI       : 12.0.0 (cordova-lib@12.0.2)
   Cordova Platforms : not available
   Cordova Plugins   : not available

Utility:

   cordova-res : not installed globally
   native-run  : 2.0.1

System:

   NodeJS : v20.18.1 (/opt/homebrew/Cellar/node@20/20.18.1/bin/node)
   npm    : 10.8.2
   OS     : macOS Unknown
   Xcode  : Xcode 16.2 Build version 16C5032a

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    package: core@ionic/core packagetype: buga confirmed bug report

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions