Drag and Drop in issue board not working when zoomed
Summary
In latest Version on gitlab.com I'm unable to drag and drop issues from one list of the issue board to another when the list is empty.
Dragging issues within one list does work and it is possible to drag issues in front of existing issues in a list.
Dragging issues at the end of the issue board is not working aswell.
Updates:
Fresh install of Windows 10.
Browser: Chrome 57 without any extensions/adblocker.
No JS errors.
Drag and drop within one list does work without issues.
EDIT/REASON: I figured out what the root cause of this is and it happens in all browsers!
The reason this is happening is zooming the page for example or having a high DPI device!
listHeight() will in that case depending on the zoom level return values like 433.8000183105469 while scrollHeight() returns 434.
That means the issue seems to be here:
https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/assets/javascripts/boards/components/board_list.js#L51
Maybe rounding the number from getBoundingClientRect() will fix this.
Steps to reproduce
Try dragging an issue from one list to another
What is the current bug behavior?
Issue drops back into it's current list
What is the expected correct behavior?
Issue gets moved over to the new list
Relevant logs and/or screenshots
https://gyazo.com/131a984e1a53c463df3737f2cd4ae20c
Possible fixes
https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/assets/javascripts/boards/components/board_list.js#L51 Maybe rounding the number from getBoundingClientRect() will fix this.