angular-slider / ngx-slider

Self-contained, mobile friendly slider component for Angular based on angularjs-slider
https://angular-slider.github.io/ngx-slider/
MIT License
390 stars 175 forks source link

IOS drag after click is not setting the value #358

Open alx1417 opened 1 year ago

alx1417 commented 1 year ago

Description of the problem After click on the slide bar, the dot move to this position, if you drag without release from this position the dot will follow you, but after release will return to the initial position.

Envitonment Only can be reproduced on IOS Native application.

IOS 14 (embeded with cordova) -> FAIL Andorid native (embeded with cordova) -> OK Brwoser Chrome -> OK Browser Safari (on MAC)-> OK Browser Safari (on IOS Device) -> OK

Steps to reproduce it Initial state:

Steps:

Expected: The dot and the value will be 50.

Issue: The dot return to 75 position.

Source code:

<!-- component.html -->
<ngx-slider [(value)]="value" [options]="options"></ngx-slider>
// component.ts
value = 25;
options: Options = {
  floor: 0,
  ceil: 100,
};

Video of the problem

https://github.com/angular-slider/ngx-slider/assets/12087126/c247947e-b7bf-455f-9654-cee35be29278

DASMACHETE commented 1 year ago

Same issue reported on Safari on Iphone 14 Pro Max Ios 16.5.1(c)

https://github.com/angular-slider/ngx-slider/assets/88375968/ed6a0d29-ae3b-4fd0-b5c1-fdf33362c017

ghost commented 4 months ago

Is there any news about this issue?

usamasharif commented 3 months ago

@alx1417 were you able to fix this issue?