{"action":"created","issue":{"url":"https://api.github.com/repos/gridstack/gridstack.js/issues/794","repository_url":"https://api.github.com/repos/gridstack/gridstack.js","labels_url":"https://api.github.com/repos/gridstack/gridstack.js/issues/794/labels{/name}","comments_url":"https://api.github.com/repos/gridstack/gridstack.js/issues/794/comments","events_url":"https://api.github.com/repos/gridstack/gridstack.js/issues/794/events","html_url":"https://github.com/gridstack/gridstack.js/issues/794","id":261706272,"number":794,"title":"Removearea doesn't work when jQuery.show() is applied","user":{"login":"MSDevYT","id":29818976,"avatar_url":"https://avatars3.githubusercontent.com/u/29818976?v=4","gravatar_id":"","url":"https://api.github.com/users/MSDevYT","html_url":"https://github.com/MSDevYT","followers_url":"https://api.github.com/users/MSDevYT/followers","following_url":"https://api.github.com/users/MSDevYT/following{/other_user}","gists_url":"https://api.github.com/users/MSDevYT/gists{/gist_id}","starred_url":"https://api.github.com/users/MSDevYT/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MSDevYT/subscriptions","organizations_url":"https://api.github.com/users/MSDevYT/orgs","repos_url":"https://api.github.com/users/MSDevYT/repos","events_url":"https://api.github.com/users/MSDevYT/events{/privacy}","received_events_url":"https://api.github.com/users/MSDevYT/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-09-29T17:10:35Z","updated_at":"2018-05-10T13:41:28Z","closed_at":"2018-05-10T13:41:28Z","author_association":"NONE","body":"Hi,\r\nI want to make a removearea which only apears while you move a widget.\r\nBut when I apply jQuery.show() on the removearea it doesnt remove the widget.\r\nWithout .show() the area works fine.\r\n\r\nAlso there are no errors in the console.\r\n\r\nMy code:\r\n```\r\nvar options = {\r\n        disableResize: true,\r\n        cellHeight: 300,\r\n        removable: \".info-box-delete\",\r\n        removeTimeout: 100\r\n    };\r\n    var grid = $('.grid-stack').gridstack(options).data('gridstack');\r\n\r\n    $('.grid-stack').on('dragstart', function(event, ui) {\r\n        $(\".info-box-delete\").show(200);\r\n        \r\n    });\r\n    $('.grid-stack').on('dragstop', function(event, ui) {\r\n        $(\".info-box-delete\").hide(200);\r\n    });\r\n\r\n```\r\n\r\nI'm using the newest version with Chrome.\r\n\r\nI reproduced it in the [fiddle](https://jsfiddle.net/w32nx02p/).\r\n"},"comment":{"url":"https://api.github.com/repos/gridstack/gridstack.js/issues/comments/388056521","html_url":"https://github.com/gridstack/gridstack.js/issues/794#issuecomment-388056521","issue_url":"https://api.github.com/repos/gridstack/gridstack.js/issues/794","id":388056521,"user":{"login":"radiolips","id":5882571,"avatar_url":"https://avatars3.githubusercontent.com/u/5882571?v=4","gravatar_id":"","url":"https://api.github.com/users/radiolips","html_url":"https://github.com/radiolips","followers_url":"https://api.github.com/users/radiolips/followers","following_url":"https://api.github.com/users/radiolips/following{/other_user}","gists_url":"https://api.github.com/users/radiolips/gists{/gist_id}","starred_url":"https://api.github.com/users/radiolips/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/radiolips/subscriptions","organizations_url":"https://api.github.com/users/radiolips/orgs","repos_url":"https://api.github.com/users/radiolips/repos","events_url":"https://api.github.com/users/radiolips/events{/privacy}","received_events_url":"https://api.github.com/users/radiolips/received_events","type":"User","site_admin":false},"created_at":"2018-05-10T13:41:28Z","updated_at":"2018-05-10T13:41:28Z","author_association":"OWNER","body":"Hi, @MSDevYT . I think you are mistaken. `show` is fine. There are two problems with your example. Firstly, when you use `position: fixed`, it won't work. You can remove the `show` and it will still not work. Secondly, you are hiding the remove element on drag stop - so there's no collision. You should be hiding the box after the element is removed. If you do that, it will work. I made changes to your jsfiddle to verify this.\r\n\r\n@adumesny I definitely think it's a cool feature, and I'll make sure the remove box works in this way when we update the demos (they could use some polish)."}}
{"actor":{"display_login":"radiolips"}}