Doesn't Seem To Work On iOS8?
sddw opened this issue · 2 comments
Hi, first off... cool plugin! I am considering using it in an app I am working on, however while it works great on just about every other device I have tried, it doesn't seem to respond on iOS8. The slider shows up, and I can still see a glow when I touch/tap the handle of the pathslider, but it won't actually let me drag the handle at all. I noticed it has the same issue on my app prototype as well as on your hosted pathslider demos, so I don't believe it's something specific I have done...
Any ideas why this is or how it can be fixed?
Hi @sddw!
I don't own any iOS devices (does an iPad 1 count?), so it is difficult for me to troubleshoot what the issue might be here. Does it work in a desktop browser for you, and/or do you see any errors in the console?
As you can see, I haven't touched this code in over 3 years, and it is still in the alpha stage of work... so it might take a bit more work to make it production-ready.
I don't see any console errors (on my laptop at least... not sure how to check the console on an actual iOS device?). It works great on my Windows 7 laptop (various browsers), two different Android devices, an iOS7 device, and an OSX desktop. I haven't tried it on more devices than that at this point, but right now the only one with issues is iOS8. When you try to grip a handle it scrolls the page instead of the handle itself.
I'm trying some tinkering with various settings but so far no luck. And as I mentioned it seems to have the same issue even on the demo sliders you have setup.
I am using it in conjunction with jQuery Mobile, and currently have the pathslider initializations tied to the "pageshow" event trigger:
$( document ).on( "pageshow", ...
$(function($){
$("#slider").pathslider({
points : [ 8,85,25,-100,-25,-100,258,85 ],
value : 50,
rotateGrip : true,
tolerance : 3,
range : 30,
curve : { width:8, color:"#e9e9e9", cap:"round" }
});
});
...so far this has worked best, but still not on iOS8