{"action":"created","issue":{"url":"https://api.github.com/repos/gaearon/react-dnd/issues/270","labels_url":"https://api.github.com/repos/gaearon/react-dnd/issues/270/labels{/name}","comments_url":"https://api.github.com/repos/gaearon/react-dnd/issues/270/comments","events_url":"https://api.github.com/repos/gaearon/react-dnd/issues/270/events","html_url":"https://github.com/gaearon/react-dnd/issues/270","id":103789385,"number":270,"title":"Cursor appearance across different browsers","user":{"login":"sbai","id":1148798,"avatar_url":"https://avatars.githubusercontent.com/u/1148798?v=3","gravatar_id":"","url":"https://api.github.com/users/sbai","html_url":"https://github.com/sbai","followers_url":"https://api.github.com/users/sbai/followers","following_url":"https://api.github.com/users/sbai/following{/other_user}","gists_url":"https://api.github.com/users/sbai/gists{/gist_id}","starred_url":"https://api.github.com/users/sbai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sbai/subscriptions","organizations_url":"https://api.github.com/users/sbai/orgs","repos_url":"https://api.github.com/users/sbai/repos","events_url":"https://api.github.com/users/sbai/events{/privacy}","received_events_url":"https://api.github.com/users/sbai/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-08-28T20:21:47Z","updated_at":"2015-09-17T13:22:10Z","closed_at":"2015-09-17T13:22:10Z","body":"I'm having some trouble getting the mouse cursor to look consistent in different browsers. On the [drop effects example](http://gaearon.github.io/react-dnd/examples-customize-drop-effects.html), Chrome and Safari on OS X change the cursor from the move cursor to the arrow when dragging an item, unless it's over the target. In Firefox, it stays as the move cursor. IE 11 and Chrome on Windows switch to a slashed circle / not allowed cursor unless the item is over the target. And in IE, the two items both have the copy cursor when hovering over the target, while Chrome and Firefox respect the fact that they have different drop effects specified.\r\n\r\nIt's not clear to me whether these differences in browser behavior are something that can be addressed in react-dnd. I was not able to override the cursors via CSS. Is there a way of getting around this issue when using the HTML5 drag and drop backend?"},"comment":{"url":"https://api.github.com/repos/gaearon/react-dnd/issues/comments/141082934","html_url":"https://github.com/gaearon/react-dnd/issues/270#issuecomment-141082934","issue_url":"https://api.github.com/repos/gaearon/react-dnd/issues/270","id":141082934,"user":{"login":"gaearon","id":810438,"avatar_url":"https://avatars.githubusercontent.com/u/810438?v=3","gravatar_id":"","url":"https://api.github.com/users/gaearon","html_url":"https://github.com/gaearon","followers_url":"https://api.github.com/users/gaearon/followers","following_url":"https://api.github.com/users/gaearon/following{/other_user}","gists_url":"https://api.github.com/users/gaearon/gists{/gist_id}","starred_url":"https://api.github.com/users/gaearon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gaearon/subscriptions","organizations_url":"https://api.github.com/users/gaearon/orgs","repos_url":"https://api.github.com/users/gaearon/repos","events_url":"https://api.github.com/users/gaearon/events{/privacy}","received_events_url":"https://api.github.com/users/gaearon/received_events","type":"User","site_admin":false},"created_at":"2015-09-17T13:22:10Z","updated_at":"2015-09-17T13:22:10Z","body":"These are just browser differences. Indeed, if you want to fully control the cursor, you need a custom (mouse) backend. "}}