{"action":"created","issue":{"url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/291","repository_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists","labels_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/291/labels{/name}","comments_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/291/comments","events_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/291/events","html_url":"https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/291","id":164038357,"number":291,"title":"DnD placeholder flashes when dragging table rows in Chrome","user":{"login":"plaa","id":1436281,"avatar_url":"https://avatars.githubusercontent.com/u/1436281?v=3","gravatar_id":"","url":"https://api.github.com/users/plaa","html_url":"https://github.com/plaa","followers_url":"https://api.github.com/users/plaa/followers","following_url":"https://api.github.com/users/plaa/following{/other_user}","gists_url":"https://api.github.com/users/plaa/gists{/gist_id}","starred_url":"https://api.github.com/users/plaa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/plaa/subscriptions","organizations_url":"https://api.github.com/users/plaa/orgs","repos_url":"https://api.github.com/users/plaa/repos","events_url":"https://api.github.com/users/plaa/events{/privacy}","received_events_url":"https://api.github.com/users/plaa/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-07-06T09:48:08Z","updated_at":"2016-07-06T11:24:43Z","closed_at":"2016-07-06T11:24:43Z","body":"I'm trying to use the module to add drag-and-drop support to rows of an HTML table.\r\n\r\nThe problem I'm seeing is that whenever the DnD placeholder takes up vertical space, it sometimes starts flashing on and off while dragging in Chrome / Chromium.\r\n\r\nSteps to reproduce:\r\n 1. Open the example JSFiddle in Chrome:  http://jsfiddle.net/0yua4f15/2/\r\n 2. Slowly drag e.g. \"five\" to a higher position, and keep the mouse button pressed\r\n 3. Once you hit a magic position, even though you don't move the mouse, the placeholder flashes on and off at about 0.5s interval.  (This seems to occur when the mouse is in a position where it would hover over the placeholder when it is present, though not necessarily always.)  Dropping works only if you release the mouse button while the placeholder is present.\r\n\r\nThere are two variants in the JSFiddle which can be enabled by removing the comment marks, neither of which fix the issue:\r\n - Style the generated `<li>` element as a table row by CSS\r\n - Define a custom `<tr>` element as the placeholder in HTML\r\n\r\nTested to be buggy on Chrome 49 and Chromium 49 running on Linux Mint.  On Firefox 46 it works correctly as long as one of the options is uncommented."},"comment":{"url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/comments/230745927","html_url":"https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/291#issuecomment-230745927","issue_url":"https://api.github.com/repos/marceljuenemann/angular-drag-and-drop-lists/issues/291","id":230745927,"user":{"login":"plaa","id":1436281,"avatar_url":"https://avatars.githubusercontent.com/u/1436281?v=3","gravatar_id":"","url":"https://api.github.com/users/plaa","html_url":"https://github.com/plaa","followers_url":"https://api.github.com/users/plaa/followers","following_url":"https://api.github.com/users/plaa/following{/other_user}","gists_url":"https://api.github.com/users/plaa/gists{/gist_id}","starred_url":"https://api.github.com/users/plaa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/plaa/subscriptions","organizations_url":"https://api.github.com/users/plaa/orgs","repos_url":"https://api.github.com/users/plaa/repos","events_url":"https://api.github.com/users/plaa/events{/privacy}","received_events_url":"https://api.github.com/users/plaa/received_events","type":"User","site_admin":false},"created_at":"2016-07-06T11:24:43Z","updated_at":"2016-07-06T11:24:43Z","body":"After re-testing, it works in Chrome after all, as long as:\r\n\r\n 1. There is a custom `<tr class=\"dndPlaceholder\">` implemented; and\r\n 2. The placeholder row contains the same amount of `<td>`s (or equivalent using `colspan`) as the rest of the table.\r\n\r\nI'm not sure how I missed this.  Hopefully this will help out other people struggling with the same issue."}}
{"actor":{"display_login":"plaa"}}