{"action":"created","issue":{"url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/445","repository_url":"https://api.github.com/repos/bvaughn/react-virtualized","labels_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/445/labels{/name}","comments_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/445/comments","events_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/445/events","html_url":"https://github.com/bvaughn/react-virtualized/issues/445","id":184980106,"number":445,"title":"event handling delayed","user":{"login":"tonymckendry","id":15657008,"avatar_url":"https://avatars.githubusercontent.com/u/15657008?v=3","gravatar_id":"","url":"https://api.github.com/users/tonymckendry","html_url":"https://github.com/tonymckendry","followers_url":"https://api.github.com/users/tonymckendry/followers","following_url":"https://api.github.com/users/tonymckendry/following{/other_user}","gists_url":"https://api.github.com/users/tonymckendry/gists{/gist_id}","starred_url":"https://api.github.com/users/tonymckendry/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tonymckendry/subscriptions","organizations_url":"https://api.github.com/users/tonymckendry/orgs","repos_url":"https://api.github.com/users/tonymckendry/repos","events_url":"https://api.github.com/users/tonymckendry/events{/privacy}","received_events_url":"https://api.github.com/users/tonymckendry/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":16,"created_at":"2016-10-24T23:21:32Z","updated_at":"2016-11-02T19:30:52Z","closed_at":"2016-10-25T01:08:32Z","body":"When scrolling with WindowScroller, I receive this error in the browser console: \n\nHandling of 'mousewheel' input event was delayed for 671 ms due to main thread being busy. Consider marking event handler as 'passive' to make the page more responive.\n\nThis causes the scrolling behavior to be extremely choppy and virtually unusable. Your demo content makes this package look awesome and we are attempting to convert our app from react-infinite to virtualized but are so far not having much luck. \n\nI found this thread on the topic - and it appears that React has an open issue in regards to passive event handlers : http://stackoverflow.com/questions/39152877/consider-marking-event-handler-as-passive-to-make-the-page-more-responive\n\nIn addition to the scroll lag, it seems that the initial rendering of the component takes 1-2 seconds, and each time i resize the window it takes a couple of seconds for the UI to catch up. I dont see any of this behavior in your demos. \n\nI will paste my code below, but I was wondering if this was a known issue, and if i'm doing anything wrong - I've been reading the documentation for days and doing my best to grock how this is supposed to work. \n\n```\n_renderDays() {\n        var count = 0;\n        return this.data.shifts.map((shiftGroup) => {\n            count++;\n            return (\n              <Paper\n                key={count}\n                zDepth={2}\n              >\n                <Subheader>{shiftGroup.day}</Subheader>\n                <mList> //materialUI List component\n                  {this._renderShifts(shiftGroup.shifts)}\n                </mList>\n              </Paper>\n            );\n        });\n    },\nrender() {\n        let height = this.props.height || 400\n        return (\n          <WindowScroller>\n            {({height, isScrolling, scrollTop})=>(\n              <List\n              height={height}\n              rowCount={this.data.shifts.length}\n              rowHeight={200}\n              rowRenderer={this._renderDays}\n              scrollTop={scrollTop}\n              width={this.state.window.width}/>\n            )}\n          </WindowScroller>\n        )\n    },\n```\n\nLet me know if you need anything else to look at - these seemed to be the relevant parts of the component. \n"},"comment":{"url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/comments/257973789","html_url":"https://github.com/bvaughn/react-virtualized/issues/445#issuecomment-257973789","issue_url":"https://api.github.com/repos/bvaughn/react-virtualized/issues/445","id":257973789,"user":{"login":"tonymckendry","id":15657008,"avatar_url":"https://avatars.githubusercontent.com/u/15657008?v=3","gravatar_id":"","url":"https://api.github.com/users/tonymckendry","html_url":"https://github.com/tonymckendry","followers_url":"https://api.github.com/users/tonymckendry/followers","following_url":"https://api.github.com/users/tonymckendry/following{/other_user}","gists_url":"https://api.github.com/users/tonymckendry/gists{/gist_id}","starred_url":"https://api.github.com/users/tonymckendry/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tonymckendry/subscriptions","organizations_url":"https://api.github.com/users/tonymckendry/orgs","repos_url":"https://api.github.com/users/tonymckendry/repos","events_url":"https://api.github.com/users/tonymckendry/events{/privacy}","received_events_url":"https://api.github.com/users/tonymckendry/received_events","type":"User","site_admin":false},"created_at":"2016-11-02T19:30:52Z","updated_at":"2016-11-02T19:30:52Z","body":"I will give that a shot an report back - I was actually able to prevent the header bar (and everything else) from moving, by styling my highest level div (that contains the entire app) with absolute positioning - this seemed to make the problem go away, minus a little flicker in the List content when I scroll past the top and it snaps back down. "}}
{"actor":{"display_login":"tonymckendry"}}