Can't move issues between labels in Chrome
I am unable to move issues from the backlog into a label in Chrome (version 52.0.2743.116 m). Yet I can in Edge or Firefox. When I try and drag an issue I get the hand icon but it doesn't move!
Looking at the console the only error I see is a 400 bad request for 'piwiks'
However I see this same error in Firefox developer console, and I can drag the issues in FF.
Attached a Windows Steps Recorder recording, if that's not OK then do you have a reccomended tool for capturing video?GitLabChromeCantDrag.zip
@mattk91 I'm not too experienced with screen recording on Windows and the PSR recording you've provided cannot be viewed on mac os.
CamStudio looks promising, it creates AVI files. I cannot confirm it functions well as I cannot test it myself.
Maybe we don't necessarily need the video. So the grab cursor appears, you click and hold, then drag and the issue card stays in the same place? When you click, hold and drag, the cursor should change slightly, does this happen? See image below.
I have the same issue. @mattk91, do you happen to have a touchscreen as well? I often see this issue with webpages recognizing my touchscreen laptop as a touch device and disabling mouse events as a result.
Dragging issues with the mouse works for me if I use Chrome's device emulation, which creates touch events.
While a coworker wasn't able to drag and drop in any way with Chrome (Edge no problem) it is very unreliable for me in Chrome. Coworker disable his tool (Duet Display) for using an iPad as a third screen (including touch input) and suddenly he was able to drag and drop after restarting Chrome.
However it is still very unreliable. Especially for quick motions it prefers to select text on that page instead of dragging and dropping the issue.
I can reproduce this nearly every time while moving the mouse (within the border of a label) at the same time as clicking. When keeping the mouse still before dragging it works most of the time. I personally tend to move the mouse a bit before starting to drag things. Also I think as higher-dpi the mouse is as harder it is to keep the mouse still before clicking.
What I also noticed is that the hand not always switches (actually that happens always for me now) to the grabbing hand even so I'm currently dragging and just switches after releasing the issue until the mouse is moved.
Can this be worked around somehow for example by preventing selection on that cards?
@Wolfspirit Yep after playing a bit more that's exactly what I see - if I wait a bit after clicking before dragging then it all works OK. Edge doesn't require me to wait at all.
@martik I do not have a touchscreen but after putting Chrome in device emulation mode I was able to drag - but after playing a bit more I think it's just because on that touch screen mode I wait long enough to trigger the 'drag' motion (as @Wolfspirit describes above)
So I guess this must be something related to touch screen input (on a non touch screen...)! I don't recall having this problem on other websites that drag and drop though.
In my case, I can also not drag issues to different lists. On mouse click the hand icon does not change to "grab" the issue. Using my laptop's touchscreen, I am able to drag the issue. I don't see any difference if I wait before dragging.
That is, I'm on a touchscreen laptop, touchscreen drag works, mouse drag does not.
@mattk91: I can also confirm that if I disable my touchscreen in device manager, then I am able to drag issues (starting from a still mouse as @Wolfspirit pointed out). So, there is definitely an issue related to touchscreen laptops.
I suppose there are two issues:
- Smooth out the normal drag so that you don't have to have a perfectly still mouse when you start the drag
- Fix the touchscreen support so that mouse can be used on a touchscreen laptop.
I can reproduce this on Chrome Version 53.0.2785.116 m (64-bit) too.
But for my case it has nothing to do with the used monitor device. It seems that the "touch sensitive" area is not correct:
When dragging on the outer left of the label / issue box, the dragging works fine.
Added ~874211 labelToggle commit list
It happens also with Chrome Version 56.0.2924.87 (Official Build) (32-bit).
I have a touchscreen laptop but I'm using only the external monitor (without touchscreen), no errors whatsoever in the developer console.
I don't see any problems with other websites featuring drag'n'drop.
same here. chrome, surface 4 with external normal screen.
touch works well, mouse not work on each screen. I also found this issue on libreoffice online (and libra CODE).
seems a chrome bug. Edge works well.
Same issue with Version 58.0.3029.110 (64-bit)
Experiencing the same issue.
It worked fine when I last tried three days ago, and then today suddenly stopped working.
Same in 59.0.3071.115, console only shows:
[Violation] 'DOMContentLoaded' handler took 237ms [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.
Cursor appears and some DOM attributes get set but elements do no longer move (did before). Re-ordering prioritized labels works.
This was tested on a Surface Book with a touch screen. Moving the issues using the touchscreen works seamlessly, but not using a connected mouse. So the issue board needs to support mouse drag and drop on touchscreen as well, not only
touchendwhen a touchscreen is detected.