Mottie/Pathslider

Doesn't Seem To Work On iOS8?

sddw opened this issue · 2 comments

sddw commented

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.

sddw commented

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