ionic-team / ionic-team/ionic-framework

bug: datetime, pressing up and down in text entry mode jumps to wrong item in wheel picker

Đang mở
#28,857 4 bình luận 0 reaction 0 người được giao Xem trên GitHub
package: core type: bug
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 15 giờ
Pull request đã merge (30 ngày)
51

Mô tả

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

There seems to have issues with the `ion-datetime` component, when the time modal is **focused** and that we try to interact with it via arrow keys.

1. The hours does not seem to handle the current hour (that is, if it's 10 and then you press Up, it goes to 1)
2. When you continue pressing, it goes up to 19 and then goes back to 2.
3. Once it's back to 2, the minutes get incremented, but only 10 by 10

_Note : In my timezone, the time is 0-23 based_

### Expected Behavior

1. Pressing an arrow should make it move 1 hour+-, starting from the current input hour
2. I guess the input should goes up to 23, then goes to the minutes (but it needs a focus state ?)
3. When the minutes wheel is focused, it should respect the step entered (and not be only 10 by 10 at the beginning)

### Steps to Reproduce

I tried everything on the "basic usage" example of the `ion-datetime` component : https://ionicframework.com/docs/api/datetime#basic-usage

### Code Reproduction URL

https://ionicframework.com/docs/api/datetime#basic-usage

### Ionic Info

Not applicable (https://ionicframework.com/docs/api/datetime#basic-usage)

### Additional Information

_No response_

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start with the basic usage example linked in the issue and reproduce the keyboard interaction in the focused ion-datetime time picker. Compare the hour, minute, and step behavior with the expected results described; done means arrow-key navigation starts at the current value and respects the picker bounds and configured step.

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

Đánh giá

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

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.