react-circle-slider icon indicating copy to clipboard operation
react-circle-slider copied to clipboard

Slider not working on mobile

Open itsmichaeldiego opened this issue 5 years ago • 6 comments

Hey! Thank you very much for the library.

I've tried to test the circle slider in mobile, but it does not work on my end, it just moves the page!

I guess the touch event is not allowed for mobile?

Here is a quick video:

itsmichaeldiego avatar Nov 15 '18 15:11 itsmichaeldiego

@itsmichaeldiego Hey. Thank you for the feedback. Yes, it's a bug. I will fix it soon.

dmitrymorozoff avatar Nov 15 '18 15:11 dmitrymorozoff

@itsmichaeldiego If you want, you can do pull request.

dmitrymorozoff avatar Nov 15 '18 15:11 dmitrymorozoff

@dmitrymorozoff I need to achieve a pie slider like I explained in issue #6, if I can do this using this library, I will help you fix the mobile bug!

itsmichaeldiego avatar Nov 15 '18 15:11 itsmichaeldiego

@itsmichaeldiego Not. Now there is no such functionality. But I will add it in the future.

dmitrymorozoff avatar Nov 15 '18 15:11 dmitrymorozoff

I'm not sure, whether this should be solved within the component itself or in the context of using this element. Wrapping the element in an inline-block element , which is styled using touch-action: none does the job on most browsers. On Safari and iOS another workaround is necessary: prevent scroll for modals in iOS

bastiion avatar Jan 21 '19 10:01 bastiion