{"action":"created","issue":{"url":"https://api.github.com/repos/STRML/react-grid-layout/issues/59","labels_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/59/labels{/name}","comments_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/59/comments","events_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/59/events","html_url":"https://github.com/STRML/react-grid-layout/issues/59","id":79457794,"number":59,"title":"Slow drag on svg element","user":{"login":"ThePainnn","id":12285830,"avatar_url":"https://avatars.githubusercontent.com/u/12285830?v=3","gravatar_id":"","url":"https://api.github.com/users/ThePainnn","html_url":"https://github.com/ThePainnn","followers_url":"https://api.github.com/users/ThePainnn/followers","following_url":"https://api.github.com/users/ThePainnn/following{/other_user}","gists_url":"https://api.github.com/users/ThePainnn/gists{/gist_id}","starred_url":"https://api.github.com/users/ThePainnn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThePainnn/subscriptions","organizations_url":"https://api.github.com/users/ThePainnn/orgs","repos_url":"https://api.github.com/users/ThePainnn/repos","events_url":"https://api.github.com/users/ThePainnn/events{/privacy}","received_events_url":"https://api.github.com/users/ThePainnn/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-05-22T13:35:21Z","updated_at":"2015-05-22T15:25:31Z","closed_at":null,"body":"Hi,\r\n\r\nI've been using the grid-layout to display a grid of svg elements representing various metrics. Each grid element contain a button for options and the svg element which fill the remaining space. If I click and drag a grid element it can be fast or very slow. To drag if I click on my button it's fast and responsive, but when I click on my svg element it's suddenly very slow (even if my svg element is just an empty white rectangle of 300x300 pixels).\r\n\r\nAny idea on what's causing the sudden drop in performance?\r\n\r\nThanks a lot!"},"comment":{"url":"https://api.github.com/repos/STRML/react-grid-layout/issues/comments/104689531","html_url":"https://github.com/STRML/react-grid-layout/issues/59#issuecomment-104689531","issue_url":"https://api.github.com/repos/STRML/react-grid-layout/issues/59","id":104689531,"user":{"login":"STRML","id":1197375,"avatar_url":"https://avatars.githubusercontent.com/u/1197375?v=3","gravatar_id":"","url":"https://api.github.com/users/STRML","html_url":"https://github.com/STRML","followers_url":"https://api.github.com/users/STRML/followers","following_url":"https://api.github.com/users/STRML/following{/other_user}","gists_url":"https://api.github.com/users/STRML/gists{/gist_id}","starred_url":"https://api.github.com/users/STRML/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/STRML/subscriptions","organizations_url":"https://api.github.com/users/STRML/orgs","repos_url":"https://api.github.com/users/STRML/repos","events_url":"https://api.github.com/users/STRML/events{/privacy}","received_events_url":"https://api.github.com/users/STRML/received_events","type":"User","site_admin":false},"created_at":"2015-05-22T15:25:30Z","updated_at":"2015-05-22T15:25:30Z","body":"In general I see a lot worse perf from RGL if the inspector is open;\nperhaps it has something to do with that. Otherwise I would suspect\nthere are some styles on your page that are putting the browser in an\nunoptimized state. Something to look for.\n\nOn 5/22/15 10:21 AM, ThePainnn wrote:\n>\n> In the fiddle the perf are almost the same either dragging the svg or\n> the button, both are fast. Both runs on the profiler yield the same\n> kind of result as dragging a button in my application. The only one\n> that differ greatly is the dragging of the svg element in my\n> application where the % of idle time drop to 30%.\n>\n> I tried to disable the useCSSTransforms flag to see what happen, but\n> there are no differences.\n>\n> —\n> Reply to this email directly or view it on GitHub\n> <https://github.com/STRML/react-grid-layout/issues/59#issuecomment-104688469>.\n>\n\n"}}