[Draggable Knob Spin problem in Chrome]

The current version of i shared last, it gets tween if i click on knob after click on snaptos points. Why doesn't it set tween in the first click.

It also doesn't work if second click on "snap-tos li". It works only click on knob except "snap-tos li".

[Draggable Knob Spin problem in Chrome]

It's actually useful but, i have another problem right now.
It needs to updateData too, i couldn't call updateData function in click on snap-tos.

I need it because, when the knob turns, it actually makes some tweens on original page. Because there are lots of codes, i didn't embed them in this.

See the Pen dJzoKv by gmgurgen (@gmgurgen) on CodePen

 

[Draggable Knob Spin problem in Chrome]

Hello,

I created a draggable knob for my project. It has 5 sections, snaps at every 90 degrees.

Is it possible if it also clicked on 90 degree stops, it rotates automatically to these points?

 

Waiting for your helps, thank you in advance.

See the Pen dJzoKv by gmgurgen (@gmgurgen) on CodePen

[Draggable Knob Spin problem in Chrome]

Hi Jack
I couldn't reproduce it in codepen, strangely.

http://phoenix.yenileniyor.com/discipline-serisi

In this page, it's all the same with codepen, except it has some containers because of theme.
Turning the knob is very hard. when it's turned 180deg and the orange arrow looks down, it's rotation becomes like reverse when i start dragging the knob.
Mouse goes right but knob goes left or the other way. I took a video to be able to explain better. See;
http://take.ms/ZMBAZ

It's like when it is in 30% width, it's bounds are not get smaller with knob itself.You will get it when you try the live site on chrome.

[Draggable Knob Spin problem in Chrome]

Also if i edit it as 100% width it seems working but if i scale down or up the browser window, it messes up again.
Isn't this animation responsive on chrome? I think that's the real problem.

[Draggable Knob Spin problem in Chrome]

I figured out that, the problem occurs when the knobBG is scaled as width: 30%;.

when i edit it as 100%; it is working again. But; i need it smaller how can i achieve this :/

 

[Draggable Knob Spin problem in Chrome]

I just realised, in codepen it's all the same with my live site. Babel and etc all there. :/ But strangely, throwprops not working like splittext.

[Draggable Knob Spin problem in Chrome]

Actually on live site, there is more animation. For example SplitText. But in codepen, i can't find a link to embed SplitText.min.js so i tried to embed from my ftp, but no luck again :/ There is also a babel animation too.
I didn't try to strip down completely but i tried eliminate other animations one by one, but no change. I will try strip down completely like demo and add like you said.
Will inform you in a couple mins.

Thanks

[Draggable Knob Spin problem in Chrome]

Hello,

I' ve a problem with drabble knob in chrome, but i could not reproduce it on codepen.
http://phoenix.yenileniyor.com/discipline-serisi

In this page, the circle with arrow part of the spider is the knob. When you turn this cases will come on right side. It works fine on ff but on chrome, when you start dragging, it's very hard to turn it and when the arrow looks down, dragging start to behave reverse, when i pull the mouse up left it goes right.
It behaves as just on right - up- down and left, not diagonal directions.
What can be the problem in there?
I tried to reproduce it on codepen, but no luck.

Thanks in advance,

Hope, we can get a solution.

See the Pen RQVGyY by gmgurgen (@gmgurgen) on CodePen