ionic-team / ionic-team/ionic-framework

bug: Datetime month will flicker when swiping quickly towards a disabled month (iOS/Webkit)

未关闭
#24,683 1 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看
bug: external type: bug
主要语言
TypeScript
星标
52.7k
派生
13.3k
平均合并
1 天 15 小时
30 天内合并 PR
51

描述

### 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

- [ ] v4.x
- [ ] v5.x
- [X] v6.x

### Current Behavior

When swiping quickly in a datetime implementation that has a min/max set, the month will reset its scroll position immediately when you swipe quickly vs. smoothly animating when you slowly drag towards the disabled month and release.

### Expected Behavior

The swipe animation should be consistent regardless of quickly swiping or slowly swiping.

### Steps to Reproduce

1. Create an implementation using datetime
2. Set a min/max range
3. Swipe slowly from a month within the range to a month outside the range
4. Release the touch gesture
5. Notice the animation is smooth back to the month within the range
6. Repeat the swipe gesture in the same direction, but rapidly swiping
7. Notice the animation immediately repaints in the start position, flickering the display

### Code Reproduction URL

_No response_

### Ionic Info

_No response_

### Additional Information

This is a webkit bug tracked here: https://bugs.webkit.org/show_bug.cgi?id=235960

贡献指南

打开贡献指南

调研方向

Start by reproducing the datetime swipe behavior with a min/max range on iOS/WebKit, comparing rapid and slow gestures. Read the linked WebKit bug 235960 and trace the datetime component from its swipe handling to the disabled-month reset. Done means both gesture speeds animate consistently without a visible flicker.

由索引模型根据 Issue 内容生成。

评估

技术栈
ios, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。