{"action":"created","issue":{"url":"https://api.github.com/repos/valor-software/ng2-dragula/issues/838","repository_url":"https://api.github.com/repos/valor-software/ng2-dragula","labels_url":"https://api.github.com/repos/valor-software/ng2-dragula/issues/838/labels{/name}","comments_url":"https://api.github.com/repos/valor-software/ng2-dragula/issues/838/comments","events_url":"https://api.github.com/repos/valor-software/ng2-dragula/issues/838/events","html_url":"https://github.com/valor-software/ng2-dragula/issues/838","id":301774503,"node_id":"MDU6SXNzdWUzMDE3NzQ1MDM=","number":838,"title":"Can't scroll while dragging","user":{"login":"LorediBega","id":24267938,"node_id":"MDQ6VXNlcjI0MjY3OTM4","avatar_url":"https://avatars3.githubusercontent.com/u/24267938?v=4","gravatar_id":"","url":"https://api.github.com/users/LorediBega","html_url":"https://github.com/LorediBega","followers_url":"https://api.github.com/users/LorediBega/followers","following_url":"https://api.github.com/users/LorediBega/following{/other_user}","gists_url":"https://api.github.com/users/LorediBega/gists{/gist_id}","starred_url":"https://api.github.com/users/LorediBega/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LorediBega/subscriptions","organizations_url":"https://api.github.com/users/LorediBega/orgs","repos_url":"https://api.github.com/users/LorediBega/repos","events_url":"https://api.github.com/users/LorediBega/events{/privacy}","received_events_url":"https://api.github.com/users/LorediBega/received_events","type":"User","site_admin":false},"labels":[{"id":253266770,"node_id":"MDU6TGFiZWwyNTMyNjY3NzA=","url":"https://api.github.com/repos/valor-software/ng2-dragula/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-03-02T13:58:58Z","updated_at":"2018-06-20T08:30:38Z","closed_at":null,"author_association":"NONE","body":"While dragging an item i can't scroll to the item container.\r\nThis is the same example as reported on dragular for angular 1\r\nHere is the reported issue [No scroll issue](https://github.com/luckylooke/dragular/issues/14) \r\nand here is the demo [demo](http://rohitdaryanani.com/dragular/)\r\n\r\nThanks"},"comment":{"url":"https://api.github.com/repos/valor-software/ng2-dragula/issues/comments/398668499","html_url":"https://github.com/valor-software/ng2-dragula/issues/838#issuecomment-398668499","issue_url":"https://api.github.com/repos/valor-software/ng2-dragula/issues/838","id":398668499,"node_id":"MDEyOklzc3VlQ29tbWVudDM5ODY2ODQ5OQ==","user":{"login":"LorediBega","id":24267938,"node_id":"MDQ6VXNlcjI0MjY3OTM4","avatar_url":"https://avatars3.githubusercontent.com/u/24267938?v=4","gravatar_id":"","url":"https://api.github.com/users/LorediBega","html_url":"https://github.com/LorediBega","followers_url":"https://api.github.com/users/LorediBega/followers","following_url":"https://api.github.com/users/LorediBega/following{/other_user}","gists_url":"https://api.github.com/users/LorediBega/gists{/gist_id}","starred_url":"https://api.github.com/users/LorediBega/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LorediBega/subscriptions","organizations_url":"https://api.github.com/users/LorediBega/orgs","repos_url":"https://api.github.com/users/LorediBega/repos","events_url":"https://api.github.com/users/LorediBega/events{/privacy}","received_events_url":"https://api.github.com/users/LorediBega/received_events","type":"User","site_admin":false},"created_at":"2018-06-20T08:30:38Z","updated_at":"2018-06-20T08:30:38Z","author_association":"NONE","body":"@monis01 unfortunately this is not resolved yet as far as i know. I've done a workaround regarding this issue using javascript and jquery. Here is my code in case it can be helpful:\r\n//Manually scroll page when dragging widgets and the users rolls the mouse wheel \r\n    document.getElementsByTagName('body')[0].addEventListener('wheel', function(e) {\r\n      let scrollPosition: number = $('.main-panel.ps-container').scrollTop();\r\n      if (e.deltaY < 0 && scrollPosition >= 100) {\r\n        $('.main-panel.ps-container').scrollTop(scrollPosition - 100);\r\n      }\r\n      if (e.deltaY > 0) {\r\n        $('.main-panel.ps-container').scrollTop(scrollPosition + 100);\r\n      }\r\n    });\r\n\r\nThis is when the user rolls the mouse wheel\r\nAnd below code is when the user drags any widget and reaches the top or bottom of the page\r\n\r\n//When the user drags widgets and places the cursor at top/bottom of the page automatically scroll up/down\r\n    let scroll = autoScroll([\r\n      this.autoScroll.nativeElement],\r\n      {\r\n        margin: 20,\r\n        maxSpeed: 5,\r\n        scrollWhenOutside: true,\r\n        autoScroll: function(){\r\n          return $(\".gu-unselectable\").length > 0;\r\n        }\r\n      }\r\n    );"}}
{"actor":{"display_login":"LorediBega"}}