{"action":"created","issue":{"url":"https://api.github.com/repos/gaearon/react-dnd/issues/454","repository_url":"https://api.github.com/repos/gaearon/react-dnd","labels_url":"https://api.github.com/repos/gaearon/react-dnd/issues/454/labels{/name}","comments_url":"https://api.github.com/repos/gaearon/react-dnd/issues/454/comments","events_url":"https://api.github.com/repos/gaearon/react-dnd/issues/454/events","html_url":"https://github.com/gaearon/react-dnd/issues/454","id":152832352,"number":454,"title":"dragged <li> disappears while dragging in chrome 50.x","user":{"login":"ceguster","id":8506721,"avatar_url":"https://avatars.githubusercontent.com/u/8506721?v=3","gravatar_id":"","url":"https://api.github.com/users/ceguster","html_url":"https://github.com/ceguster","followers_url":"https://api.github.com/users/ceguster/followers","following_url":"https://api.github.com/users/ceguster/following{/other_user}","gists_url":"https://api.github.com/users/ceguster/gists{/gist_id}","starred_url":"https://api.github.com/users/ceguster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ceguster/subscriptions","organizations_url":"https://api.github.com/users/ceguster/orgs","repos_url":"https://api.github.com/users/ceguster/repos","events_url":"https://api.github.com/users/ceguster/events{/privacy}","received_events_url":"https://api.github.com/users/ceguster/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2016-05-03T17:38:08Z","updated_at":"2016-05-06T17:55:50Z","closed_at":null,"body":"Reproduced by altering source of NaiveDrag example, as follows: \r\n\r\n```\r\ndiff --git a/examples/02 Drag Around/Naive/Box.js b/examples/02 Drag Around/Naive/Box.js\r\nindex dd28d7a..9e29550 100644\r\n--- a/examples/02 Drag Around/Naive/Box.js\t\r\n+++ b/examples/02 Drag Around/Naive/Box.js\t\r\n@@ -39,9 +39,13 @@ export default class Box extends Component {\r\n     }\r\n \r\n     return connectDragSource(\r\n-      <div style={{ ...style, left, top }}>\r\n-        {children}\r\n-      </div>\r\n+      <ul>\r\n+        <li style={{ ...style, left, top }}>\r\n+          {children}\r\n+        </li>\r\n+      </ul>\r\n     );\r\n   }\r\n```\r\n\r\nAs long as position on Box is absolute, relative, or fixed, there is no drag preview of the element.\r\nI think this is a Chrome bug, as it only showed up in 50.x, but there may be a react-dnd workaround. \r\nThanks!"},"comment":{"url":"https://api.github.com/repos/gaearon/react-dnd/issues/comments/217514100","html_url":"https://github.com/gaearon/react-dnd/issues/454#issuecomment-217514100","issue_url":"https://api.github.com/repos/gaearon/react-dnd/issues/454","id":217514100,"user":{"login":"stevengoldberg","id":2230992,"avatar_url":"https://avatars.githubusercontent.com/u/2230992?v=3","gravatar_id":"","url":"https://api.github.com/users/stevengoldberg","html_url":"https://github.com/stevengoldberg","followers_url":"https://api.github.com/users/stevengoldberg/followers","following_url":"https://api.github.com/users/stevengoldberg/following{/other_user}","gists_url":"https://api.github.com/users/stevengoldberg/gists{/gist_id}","starred_url":"https://api.github.com/users/stevengoldberg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stevengoldberg/subscriptions","organizations_url":"https://api.github.com/users/stevengoldberg/orgs","repos_url":"https://api.github.com/users/stevengoldberg/repos","events_url":"https://api.github.com/users/stevengoldberg/events{/privacy}","received_events_url":"https://api.github.com/users/stevengoldberg/received_events","type":"User","site_admin":false},"created_at":"2016-05-06T17:55:49Z","updated_at":"2016-05-06T17:55:49Z","body":"Excellent suggestion @mtomcal, that's a solid workaround for me!"}}