plotly / dash-daq

Control components for Dash
MIT License
140 stars 41 forks source link

Joystick: handle shifts to a weird position on mousedown #51

Open alexcjohnson opened 5 years ago

alexcjohnson commented 5 years ago

On https://dash.plot.ly/dash-daq/joystick, the very first example does what you would expect - or at least, one of the two things you might expect: the handle moves so its center is exactly where the mouse pointer was when you moused down. (I might have wanted it to instead not move at all when you mouse down, just move when you drag, but I can see the argument for this behavior)

But the second and third examples don't behave correctly: mouse down and the handle moves to a point somewhere below where you clicked. joystick_bug

yellenlab commented 2 years ago

Hi, I'm also seeing the same issue when the layout changes, except it gets stuck at the top in my case. Any progress on this issue?

Karan-S-Mittal commented 2 years ago

On https://dash.plot.ly/dash-daq/joystick, the very first example does what you would expect - or at least, one of the two things you might expect: the handle moves so its center is exactly where the mouse pointer was when you moused down. (I might have wanted it to instead not move at all when you mouse down, just move when you drag, but I can see the argument for this behavior)

But the second and third examples don't behave correctly: mouse down and the handle moves to a point somewhere below where you clicked. joystick_bug

Hey @alexcjohnson, I wasn't able to replicate this bug. It's working fine after I tested it. on https://dash.plotly.com/dash-daq/joystick and in my local environment. adding gif for reference. issue51

alexcjohnson commented 2 years ago

Actually now I see the bug in all three examples, and in fact it's worse than it used to be, I can't even get the handle back to the middle no matter what I do. This happens in all browsers on my mac.

Karan-S-Mittal commented 2 years ago

Yes, I can see the same problem too. Suddenly it's showing the same error.