Join the Webstudio community

Updated last month

Clicking side parameter and dragging to change value on chrome

At a glance
Does anyone else have issues while clicking side a parameter (such as width or height) and dragging to change the value on Chrome?
2
O
S
H
68 comments
You have a problem with scrub on the width/height? Can you please record a video?
Note that when the white cursor pops out of the dual arror cursor, I am still holding down the mouse button as I waggle around
Is that windows?
Yes, Windows 10
is it always like that or special circumstance?
It's always like that
just to be sure, can you open incognito please?
Been using Webstudio for about 2 months
and its always been like this, right?
Trying now
Honestly I think in the very beginning I remember it working
Yeah, in incognito it does the same thing
I can try firefox
thank you, we will investigate, there was an optimization made recently
Firefox is apparently not supported but I just tried Edge and it works fine
Cool thanks!
one more question: do you see in chrome permission request in the browser?
some warning/hint on top of the screen?
I suspect it is asking you for pointerlock permission and you rejected
Yeah, I did try that, I had accepted permission initially
I just tried resetting it to "ask" but it didn't ask me
@Oleg Isonen I see dual cursors for months already. Also Win10. I cannot recall a pointerlock permission query.
I definitely got the pointerlock query on Chrome and accepted it, but I can't get the query again
I am also noticing the same dual pointer issue on my version of Edge, but it seems to be exclusive to when you're dragging to resize the virtual viewport
And it is not consistent
Update: I just got the same exact issue on Edge
I used an autohotkey script to highlight my cursor when clicking to make that more clear
great, at least this is consistent, otherwise it would be super weird
can I dm you with a test version to try something?
Just tested on windows 11 pro arm, 3 different chrome versions 130 133 and canary, with enabled and disabled permissions, everything is working. The question is does it occur on empty project with for example just single Box added?
May be something inside canvas script is stealing pointer
Another idea that there is some error, can you open devtools / console during drag.
I just tested with a fresh project. Created a single box and could get to show dual cursors right away. I work on a desktop machine, with a mouse.

The non-standard situation in my case is that I use dual screens – yet, this seems not to cause the problem. Second screenshot shows WS docked to just half of the screen (the dark app on the right is Discord). As you can see, there are also dual cursors.
DevTools (cleared Console first) shows no records on drag.
we got an idea, @Ivan Starkov will share a version soon to try
Weirdly this is not easily reproducible. I managed to get win10 and chrome 133 with no way to repro this.
So we need to rely on you guys to help us get this reproduced
Seems like Im able to reproduce this sometimes.
Only in windows. Hover on input, mouse down, and move pointer fast right or left.

The fun thing that Im able to reproduce this in figma too, and in figma Im reproducing this even without any fast movements, like every time Im scrubbing there.
The issue with windows I see that requestPointerLock on windows sometimes releases pointer capture during pointer lock.
The other issue I see on windows as it doesn't work when pointer is out of window.
As of now the only way I see to make it work on windows is to disable pointer lock api on windows at all.
Scrub will work but without some features
I can check DevTools in a bit to see if there are any console errors. I can try it on figma, but I’ve never used that web app before, what particular feature should I try out that uses scrubbing?
Nothing needed, reproducible. Seems like windows issue. Just reproduced always in your case, and sometimes in mine.
Hi, can you tell if figma scrub is working for you outside of the screen when you scrub to the outside of the screen and come back on the other side?
Where specifically can I test “figma scrub”? I have never used figma before.
Alt + any input field with numbers
Figma works fine for me, even with their distance based multipliers (editing opacity here).
Apologies for the delay, I may not get around to this until tonight.
Did small fixes. Windows users can you try this?

https://p-783bb28a-0c52-489b-b88e-57aaf3ab8c99-dot-scrub.development.webstudio.is/?authToken=013fec29-8708-4896-9b56-5a1423e09301&mode=design

On my windows (VMWare Fusion on Mac Air m2 + Windows 11 Pro Arm) Scrub is stopping to work on window edges with this fix (haven't worked without anyway).
(We have another fix, just to check that this probably is enough as my arm vm is very rare configuration)
Drastic improvement on my end! I only got it to hang once in the Space widget, where I tried all options. Simple drag. Press modifier, then drag. First drag, then press modifier. At some point I still could get this, but I failed to get it reproduced. What I still see is switching between two types of double-sided arrows. The smaller white version appears on hover, the larger black one on drag (screen 2, 3)
At some point we are drawing arrow ourselfs and it’s different from the system one. Need to be fixed but there are few system arrows - various windows, mac, linux etc
Just to clarify: first screenshot with popover shows hanging. I did not deliberately open the popover, it came up by accident.
Some bugs Im able to reproduce by touching touchbar with specific finger angle and velocity 😉 will try to reproduce
I will be away from the keyboard until tomorrow.
@Ivan Starkov I will test today
@Oleg Isonen @Ivan Starkov. In the builder everything is fine. but here is the console
Is it on link above?
Did you see empty console on reload and error came after scrub?
Try hard reload cmd-r ctrl-r
On that link everything is good, in console too
@Ivan Starkov
Seems to work great for me too!
Add a reply
Sign up and join the conversation on Discord