{"action":"created","issue":{"url":"https://api.github.com/repos/STRML/react-grid-layout/issues/221","repository_url":"https://api.github.com/repos/STRML/react-grid-layout","labels_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/221/labels{/name}","comments_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/221/comments","events_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/221/events","html_url":"https://github.com/STRML/react-grid-layout/issues/221","id":150561191,"number":221,"title":"Resize / drag and text select ","user":{"login":"kachkaev","id":608862,"avatar_url":"https://avatars.githubusercontent.com/u/608862?v=3","gravatar_id":"","url":"https://api.github.com/users/kachkaev","html_url":"https://github.com/kachkaev","followers_url":"https://api.github.com/users/kachkaev/followers","following_url":"https://api.github.com/users/kachkaev/following{/other_user}","gists_url":"https://api.github.com/users/kachkaev/gists{/gist_id}","starred_url":"https://api.github.com/users/kachkaev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kachkaev/subscriptions","organizations_url":"https://api.github.com/users/kachkaev/orgs","repos_url":"https://api.github.com/users/kachkaev/repos","events_url":"https://api.github.com/users/kachkaev/events{/privacy}","received_events_url":"https://api.github.com/users/kachkaev/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-04-23T14:41:38Z","updated_at":"2016-09-23T19:12:58Z","closed_at":null,"body":"Looks like [`react-draggable`](https://github.com/mzabriskie/react-draggable) and [`react-resizable`](https://github.com/STRML/react-resizable) attempt to prevent text select. While the mouse is pressed and moving, `-webkit-user-select: none;` is added to `<body`>. Despite all this, I am still able to observe this unwanted effect.\r\n\r\nThe following workaround partially solves the problem, with not for all cases:\r\n```js\r\n// New method for component that contains the grid\r\n  _preventTextSelect(a, b, c, d, event) {\r\n    event.preventDefault();\r\n  },\r\n\r\n// In render()\r\n      <MyReactGridLayout\r\n        layout={ layout }\r\n        onDrag={ this._preventTextSelect }\r\n        onResize={ this._preventTextSelect }\r\n        onResizeStop={ this._preventTextSelect }\r\n        {...this.props}\r\n      >\r\n```\r\nAttaching `preventTextSelect()` to the three events does not help when the size of a grid item has reached some allowed limit and so mouse movements temporary do not change it. Because `event.preventDefault();` is not called under such conditions, text selection stats to appear and change.\r\n\r\nThe above was observed in Chrome Version 50.0.2661.86 (64-bit) os OSX (not only in my project, but the examples too).\r\n\r\nAnyone else with the same issue? Any thoughts?"},"comment":{"url":"https://api.github.com/repos/STRML/react-grid-layout/issues/comments/249278507","html_url":"https://github.com/STRML/react-grid-layout/issues/221#issuecomment-249278507","issue_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/221","id":249278507,"user":{"login":"kachkaev","id":608862,"avatar_url":"https://avatars.githubusercontent.com/u/608862?v=3","gravatar_id":"","url":"https://api.github.com/users/kachkaev","html_url":"https://github.com/kachkaev","followers_url":"https://api.github.com/users/kachkaev/followers","following_url":"https://api.github.com/users/kachkaev/following{/other_user}","gists_url":"https://api.github.com/users/kachkaev/gists{/gist_id}","starred_url":"https://api.github.com/users/kachkaev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kachkaev/subscriptions","organizations_url":"https://api.github.com/users/kachkaev/orgs","repos_url":"https://api.github.com/users/kachkaev/repos","events_url":"https://api.github.com/users/kachkaev/events{/privacy}","received_events_url":"https://api.github.com/users/kachkaev/received_events","type":"User","site_admin":false},"created_at":"2016-09-23T19:12:58Z","updated_at":"2016-09-23T19:12:58Z","body":"@AmirMeirbekov no I'm afraid :–( Haven't been using this grid for a while."}}
{"actor":{"display_login":"kachkaev"}}