InputNumber: Caret jump in decimal fields on Android

Đang mở
  • Có gì không ổn?
#8,499 1 bình luận 1 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
42/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
react
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với component InputNumber và tái hiện sự cố tại primereact.org/inputnumber bằng thiết bị Android hoặc chế độ mô phỏng di động của Chrome. Kiểm tra trường Min-Max Fraction Digits bằng cách xóa các chữ số phần nguyên và nhập hai chữ số mới. Hoàn thành khi thao tác xóa cập nhật giá trị chính xác và cả hai chữ số mới đều nằm lại trong phần nguyên, khớp với hành vi trên desktop và iOS.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Status: Needs Triage
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.

Ngôn ngữ chính
CSS
Star
8.3k
Fork
1.2k
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của primefaces/primereact

Tất cả issue của primefaces/primereact

Issue tương tự

Thêm issue về Web Dev

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.