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
- Navigate to a Project's issue list.
- Select "Manual" from the sort list dropdown (it should append
?sort=relative_position
to the URL. - Hover over an issue title and click.
- Nothing happens (unless its the magical time you click in just the right spot that it opens).
- 9 out of 10 clicks do nothing.
- More success repeatable triggering the click action when mousing over the very beginning of the issue title.
- 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 thenavigate 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!