I have been struggling with this for the past couple days. I’m using jquery UI to build a draggable navbar with accordion functionality. Works fine on desktop, but doesn’t work very well when the two are combined on a touch device.
This Codpen has both draggability and accordion functionality enabled. (accordion fails to expand about 99% of the time on touch devices; tested so far on iPad and iPhone)
This Codepen has only accordion functionality enabled. The accordion functionality works on a touch device.
I’m guessing that the device can’t figure out if you’re tapping or dragging? Anyone have any suggestions?
I’m also integrating a filtering feature (mixitup), that hasn’t been so successful either, but I’ll save it for another day.