{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/11283","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/11283/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/11283/comments","events_url":"https://api.github.com/repos/angular/material/issues/11283/events","html_url":"https://github.com/angular/material/issues/11283","id":323998279,"number":11283,"title":"autocomplete: delay in rendering items when scrolling quickly via mouse wheel or touch","user":{"login":"rreitmann","id":12323832,"avatar_url":"https://avatars1.githubusercontent.com/u/12323832?v=4","gravatar_id":"","url":"https://api.github.com/users/rreitmann","html_url":"https://github.com/rreitmann","followers_url":"https://api.github.com/users/rreitmann/followers","following_url":"https://api.github.com/users/rreitmann/following{/other_user}","gists_url":"https://api.github.com/users/rreitmann/gists{/gist_id}","starred_url":"https://api.github.com/users/rreitmann/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rreitmann/subscriptions","organizations_url":"https://api.github.com/users/rreitmann/orgs","repos_url":"https://api.github.com/users/rreitmann/repos","events_url":"https://api.github.com/users/rreitmann/events{/privacy}","received_events_url":"https://api.github.com/users/rreitmann/received_events","type":"User","site_admin":false},"labels":[{"id":310908038,"url":"https://api.github.com/repos/angular/material/labels/P4:%20minor","name":"P4: minor","color":"fef2c0","default":false},{"id":235109221,"url":"https://api.github.com/repos/angular/material/labels/needs:%20investigation","name":"needs: investigation","color":"444444","default":false},{"id":183019810,"url":"https://api.github.com/repos/angular/material/labels/type:%20performance","name":"type: performance","color":"207de5","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/11","html_url":"https://github.com/angular/material/milestone/11","labels_url":"https://api.github.com/repos/angular/material/milestones/11/labels","id":865967,"number":11,"title":"- Backlog","description":"Grouping for issues that have been reviewed and require further information before assignment to milestone is possible.","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars3.githubusercontent.com/u/210413?v=4","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":152,"closed_issues":735,"state":"open","created_at":"2014-11-14T00:54:02Z","updated_at":"2018-05-19T18:24:30Z","due_on":null,"closed_at":null},"comments":2,"created_at":"2018-05-17T12:19:27Z","updated_at":"2018-05-19T18:53:43Z","closed_at":null,"author_association":"NONE","body":"When you scroll down the virtual-repeat-container of an autocomplete by using the mousewheel or slide fast up or down on a touch device you see the items in the virtual-repeat-container are rearranged a short time after the scrolling stopped. The \"short time\" is bigger on mobile devices so that the users click on the wrong entry.\r\n\r\n# Steps to reproduce the issue:\r\nGo to https://material.angularjs.org/1.1.9/demo/autocomplete#basic-usage and focus the first autocomplete. Move the mouse over the list of states and scroll down fast with the mousewheel or swipe down fast. You should see that the displayed states are changed a short while after the scrolling stopped. This does not happen when you scroll the list by dragging the scroll bar.\r\n\r\nIn our app this can be seen here:\r\nGo to https://metadatamanagement-dev.cfapps.io/#!/en/search?page=1&type=data_sets&variable=var-gra2005-ds1-pid$ and clear the autocomplete (variable filter). Scrolling up and down the list with the mouse wheel demonstrates the behavior.\r\n\r\nThe code for that app can be found here:\r\nhttps://github.com/dzhw/metadatamanagement\r\n\r\n### What is the expected behavior?\r\nThere should be no difference to dragging the scroll bar. A short delay for updating the virtual-repeat-container which is visible to the user confuses the users.\r\n\r\n### Which versions of AngularJS, Material, OS, and browsers are affected?\r\n- AngularJS: 1.7.0\r\n- AngularJS Material: 1.1.9\r\n- OS: Ubuntu, Android\r\n- Browsers: Chrome\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/390425240","html_url":"https://github.com/angular/material/issues/11283#issuecomment-390425240","issue_url":"https://api.github.com/repos/angular/material/issues/11283","id":390425240,"user":{"login":"Splaktar","id":3506071,"avatar_url":"https://avatars1.githubusercontent.com/u/3506071?v=4","gravatar_id":"","url":"https://api.github.com/users/Splaktar","html_url":"https://github.com/Splaktar","followers_url":"https://api.github.com/users/Splaktar/followers","following_url":"https://api.github.com/users/Splaktar/following{/other_user}","gists_url":"https://api.github.com/users/Splaktar/gists{/gist_id}","starred_url":"https://api.github.com/users/Splaktar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splaktar/subscriptions","organizations_url":"https://api.github.com/users/Splaktar/orgs","repos_url":"https://api.github.com/users/Splaktar/repos","events_url":"https://api.github.com/users/Splaktar/events{/privacy}","received_events_url":"https://api.github.com/users/Splaktar/received_events","type":"User","site_admin":false},"created_at":"2018-05-19T18:53:43Z","updated_at":"2018-05-19T18:53:43Z","author_association":"MEMBER","body":"@rreitmann ouch, that is indeed painful. That's in your app or on the AngularJS Material autocomplete docs?\r\n\r\nIf it's in your app, do you have any idea what the digest time is when idle in your app?"}}
{"actor":{"display_login":"Splaktar"}}