{"action":"created","issue":{"url":"https://api.github.com/repos/troolee/gridstack.js/issues/385","repository_url":"https://api.github.com/repos/troolee/gridstack.js","labels_url":"https://api.github.com/repos/troolee/gridstack.js/issues/385/labels{/name}","comments_url":"https://api.github.com/repos/troolee/gridstack.js/issues/385/comments","events_url":"https://api.github.com/repos/troolee/gridstack.js/issues/385/events","html_url":"https://github.com/troolee/gridstack.js/issues/385","id":138427850,"number":385,"title":"Widget vertical jumping after dragging beyond grid limit and then resizing","user":{"login":"pmoradei","id":2811881,"avatar_url":"https://avatars.githubusercontent.com/u/2811881?v=3","gravatar_id":"","url":"https://api.github.com/users/pmoradei","html_url":"https://github.com/pmoradei","followers_url":"https://api.github.com/users/pmoradei/followers","following_url":"https://api.github.com/users/pmoradei/following{/other_user}","gists_url":"https://api.github.com/users/pmoradei/gists{/gist_id}","starred_url":"https://api.github.com/users/pmoradei/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pmoradei/subscriptions","organizations_url":"https://api.github.com/users/pmoradei/orgs","repos_url":"https://api.github.com/users/pmoradei/repos","events_url":"https://api.github.com/users/pmoradei/events{/privacy}","received_events_url":"https://api.github.com/users/pmoradei/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/troolee/gridstack.js/labels/severity:normal","name":"severity:normal","color":"207de5"},{"url":"https://api.github.com/repos/troolee/gridstack.js/labels/type:bug","name":"type:bug","color":"5319e7"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/troolee/gridstack.js/milestones/7","html_url":"https://github.com/troolee/gridstack.js/milestones/v0.3.0","labels_url":"https://api.github.com/repos/troolee/gridstack.js/milestones/7/labels","id":1572061,"number":7,"title":"v0.3.0","description":"","creator":{"login":"troolee","id":137888,"avatar_url":"https://avatars.githubusercontent.com/u/137888?v=3","gravatar_id":"","url":"https://api.github.com/users/troolee","html_url":"https://github.com/troolee","followers_url":"https://api.github.com/users/troolee/followers","following_url":"https://api.github.com/users/troolee/following{/other_user}","gists_url":"https://api.github.com/users/troolee/gists{/gist_id}","starred_url":"https://api.github.com/users/troolee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/troolee/subscriptions","organizations_url":"https://api.github.com/users/troolee/orgs","repos_url":"https://api.github.com/users/troolee/repos","events_url":"https://api.github.com/users/troolee/events{/privacy}","received_events_url":"https://api.github.com/users/troolee/received_events","type":"User","site_admin":false},"open_issues":18,"closed_issues":5,"state":"open","created_at":"2016-02-09T06:45:38Z","updated_at":"2016-08-20T20:34:04Z","due_on":null,"closed_at":null},"comments":7,"created_at":"2016-03-04T09:34:34Z","updated_at":"2016-08-22T09:34:18Z","closed_at":null,"body":"This problem happens if a widget is with **data-gs-auto-position=\"yes\" ** and **grid's option 'float' is true**.\r\n\r\nTo reproduce it : \r\n[test_jump.zip](https://github.com/troolee/gridstack.js/files/158446/test_jump.zip)\r\n\r\n1) first try to drag the widget far away of its parent grid limits (top,right or left)\r\n2) then try to resize it far beyond its parent grid limits.\r\n3) at the end of the resizing, the widget will 'jump' down automatically. \r\n(In most case, it works at first try :))\r\n\r\nWith height option defined : \r\nMoreover, if the grid's parent has a height option defined the widget will ignore it and jump below!\r\nYou can drag it back to the parents grid limits, but sometimes it seems that the widget is 'corrupted' and has strange behaviours when resizing/moving;\r\n \r\n"},"comment":{"url":"https://api.github.com/repos/troolee/gridstack.js/issues/comments/241360927","html_url":"https://github.com/troolee/gridstack.js/issues/385#issuecomment-241360927","issue_url":"https://api.github.com/repos/troolee/gridstack.js/issues/385","id":241360927,"user":{"login":"Servuc","id":10000785,"avatar_url":"https://avatars.githubusercontent.com/u/10000785?v=3","gravatar_id":"","url":"https://api.github.com/users/Servuc","html_url":"https://github.com/Servuc","followers_url":"https://api.github.com/users/Servuc/followers","following_url":"https://api.github.com/users/Servuc/following{/other_user}","gists_url":"https://api.github.com/users/Servuc/gists{/gist_id}","starred_url":"https://api.github.com/users/Servuc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Servuc/subscriptions","organizations_url":"https://api.github.com/users/Servuc/orgs","repos_url":"https://api.github.com/users/Servuc/repos","events_url":"https://api.github.com/users/Servuc/events{/privacy}","received_events_url":"https://api.github.com/users/Servuc/received_events","type":"User","site_admin":false},"created_at":"2016-08-22T09:34:17Z","updated_at":"2016-08-22T09:34:17Z","body":"Hi,\r\n\r\nI've a similar problem, when I drag the element outside the grid element, it's resizing with a small size.\r\nI hope this screenshots will be usefull : \r\n\r\n**Resizing without problem into GridStack :**\r\n![normal](https://cloud.githubusercontent.com/assets/10000785/17849877/0ee9f8d6-685b-11e6-9342-3f28cd2cbb72.jpg)\r\n\r\n**Resizing outside GridStack limits :** you can see that the item size if very small, and not fit the 8 column limit :\r\n![resizeoutside](https://cloud.githubusercontent.com/assets/10000785/17849893/20e53514-685b-11e6-9fb0-f20a8bc7edef.jpg)\r\n\r\n**After resizing outside :** The item if smaller than the minimal 1x1 items (on right bottom). By reading DOM, item has attributes : `data-gs-width:11` and `data-gs-height:2`\r\n![resizefinal](https://cloud.githubusercontent.com/assets/10000785/17849949/596e0884-685b-11e6-99f1-2688169003e0.jpg)\r\n\r\n**Resizing after bug :** The mouse is under the red cross, I mean you should enlarge by go right to left :\r\n![resizeafterbug](https://cloud.githubusercontent.com/assets/10000785/17850002/8d04833a-685b-11e6-93dc-3b62dd3e2f81.jpg)\r\n\r\n\r\nMy instance GridStack is defined in `<div class=\"grid-stack\" data-gs-animate=\"yes\"></div>` and : \r\n\r\n      $(\".grid-stack\").addClass(\"cols-8\")\r\n            .gridstack({\r\n                cellHeight: mySize, //Computed size\r\n                float:true\r\n            }\r\n        )\r\n\r\nThank you for your tool ;)"}}
{"actor":{"display_login":"Servuc"}}