primefaces / primefaces/primereact

InputNumber: Caret jump in decimal fields on Android

Open
#8,499 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Status: Needs Triage
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

The issue occurs in the InputNumber component with Min-Max Fraction Digits (decimal) on Android Devices. If a user deletes the digits in the integer part (before the separator) and then types two new digits.

The first digit is placed in the integer part, but the second digit is automatically placed in the fractional part (caret jump). The field value does not update correctly upon deletion as on iOS and desktop browsers.

Reproducer

No response

System Information
Product name: Xiaomi Redmi 8A
OS: Android 10
Primereact: 10.9.7
Browser: Google Chrome 144.0.7559.109
Steps to reproduce the behavior
  1. Go to www.primereact.org/inputnumber
  2. Click on input number with Min-Max Fraction Digits in the page.
  3. Delete the numbers located before the separator.
  4. Enter two numbers.
Expected behavior

The field value is updated correctly upon deletion. The second digit is placed in the integer part. Behavior is as expected on desktop browsers and iOS.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the InputNumber component and reproduce the issue at primereact.org/inputnumber using an Android device or Chrome's mobile emulation. Exercise the Min-Max Fraction Digits field by deleting the integer digits and entering two new digits. Done means deletion updates the value correctly and both new digits remain in the integer part, matching desktop and iOS behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.