Skip to content

Issue not clickable from issue list while in manual sort mode

Summary

When attempting to open an issue from an issue list with "manual sort mode" enabled, the click event often times does not register, preventing the issue from being opened. I have to click the link multiple times before it is finally executed and the issue opens.

Browser:

  • Chrome

Steps to reproduce

  1. Navigate to a Project's issue list.
  2. Select "Manual" from the sort list dropdown (it should append ?sort=relative_position to the URL.
  3. Hover over an issue title and click.
  4. Nothing happens (unless its the magical time you click in just the right spot that it opens).
  5. 9 out of 10 clicks do nothing.
  6. More success repeatable triggering the click action when mousing over the very beginning of the issue title.
  7. This only happens in "Manual sort mode"

Example Project

https://gitlab.com/gitlab-org/gitlab-triage/issues

(If you are using an older version of GitLab, this will also determine whether the bug is fixed in a more recent version)

What is the current bug behavior?

  • Clicking on the issue title does not open the issue.
  • Once the pointer transitions to draggable vs. point/clickable, the issue is still draggable in many cases. (assuming this is why its not opening the issue because its triggering the drag event, not the navigate to path event.

What is the expected correct behavior?

  • Clicking on the issue title opens the issue every single time.

Possible fixes

(If you can, link to the line of code that might be responsible for the problem)

So on this element inside of issue-title title...

<span class="issue-title-text js-onboarding-issue-item" dir="auto">
 <a href="/gitlab-org/gitlab-triage/issues/40" draggable="false">Allow to triage project labels</a>
</span>

the span element has css .user-can-drag class applied to it, but the span only wraps the anchor link, which is overwritten by the a:-webkit-any-link: { cursor: pointer } user agent stylesheet. I'm not sure where the exact mechanics are for the JS/Draggable is located, but hopefully this helps!

Edited by Gabe Weaver