Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: ion-datetime scroll inertia/momentum to high #18679

Closed
madmacc opened this issue Jul 1, 2019 · 8 comments
Closed

bug: ion-datetime scroll inertia/momentum to high #18679

madmacc opened this issue Jul 1, 2019 · 8 comments
Labels

Comments

@madmacc
Copy link

madmacc commented Jul 1, 2019

Bug Report

Ionic version:
[x] 4.1

Current behavior:
On a physical device (iOS) the picker does not stop as expected at slow scroll speeds, it seems to have to much inertia. It is subtle but is different to the native iOS time picker e.g. if you try to set an the alarm on an iOS device. It scrolls a little to long at low speeds and makes it more error prone to pick the correct time.

Expected behavior:
Behave the same as the time picker on iOS used when setting the alarm. e.g. less inertia and stops on the expected number easier.

Steps to reproduce:
Add an ion-datetime to an ionic project page similar to below to pick time:

<ion-datetime 
              [(ngModel)]="start"
              displayFormat="HH:mm" 
              minuteValues="0,15,30,45" 
              picker-format="HH:mm"
              (ionChange)="onChangeStartTime($event)"
</ion-datetime>

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 5.0.0 (C:\Users\fullo\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.4.2
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Capacitor:

   Capacitor CLI   : 1.0.0
   @capacitor/core : 1.0.0

Utility:

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

System:

   NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10
@ionitron-bot ionitron-bot bot added the triage label Jul 1, 2019
@Maikell84
Copy link

I can confirm this. In the web-browser it is even worse.
The timepicker is basically not usable, because it always jumps 1-3 digits further than you would expect.

@dvrakas
Copy link

dvrakas commented Jul 30, 2019

Is there a solution to this issue. I am encountering the same issue. Its a bit to fast and skips very easily.

@madmacc
Copy link
Author

madmacc commented Jul 30, 2019

I couldn't find a solution. I just had to go with it for now. It is actually an issue with ion-picker I think as it uses that.
https://ionicframework.com/docs/api/picker

@RafaelKr
Copy link

I just upgraded to @ionic/angular@4.7.1 and it feels better to me now.

@dvrakas
Copy link

dvrakas commented Aug 1, 2019

upgrading to @ionic/angular@4.7.1 did not seem to do fix the issue for me.

@RafaelKr
Copy link

RafaelKr commented Aug 1, 2019

/cc @paulstelzer @liamdebeasi
Hey, this issue seems to be overlooked. I think this belongs into your ion-datetime bug collection #16630
I just checked again and sometimes still behaves as desribed in the initial text.

@liamdebeasi
Copy link
Member

Thanks! I have added this issue to the tracker.

I am going to close this issue in favor of the bug tracker here: #16630.

@ionitron-bot
Copy link

ionitron-bot bot commented Sep 6, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

5 participants