{"action":"created","issue":{"url":"https://api.github.com/repos/handsontable/handsontable/issues/1761","labels_url":"https://api.github.com/repos/handsontable/handsontable/issues/1761/labels{/name}","comments_url":"https://api.github.com/repos/handsontable/handsontable/issues/1761/comments","events_url":"https://api.github.com/repos/handsontable/handsontable/issues/1761/events","html_url":"https://github.com/handsontable/handsontable/issues/1761","id":42615856,"number":1761,"title":"Delayed update of fixed/relative elements while scrolling - serious IE/FF issue","user":{"login":"rbtbar","id":6705643,"avatar_url":"https://avatars.githubusercontent.com/u/6705643?v=3","gravatar_id":"","url":"https://api.github.com/users/rbtbar","html_url":"https://github.com/rbtbar","followers_url":"https://api.github.com/users/rbtbar/followers","following_url":"https://api.github.com/users/rbtbar/following{/other_user}","gists_url":"https://api.github.com/users/rbtbar/gists{/gist_id}","starred_url":"https://api.github.com/users/rbtbar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rbtbar/subscriptions","organizations_url":"https://api.github.com/users/rbtbar/orgs","repos_url":"https://api.github.com/users/rbtbar/repos","events_url":"https://api.github.com/users/rbtbar/events{/privacy}","received_events_url":"https://api.github.com/users/rbtbar/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/handsontable/handsontable/labels/Change","name":"Change","color":"0052cc"},{"url":"https://api.github.com/repos/handsontable/handsontable/labels/Core:%20performance","name":"Core: performance","color":"009800"},{"url":"https://api.github.com/repos/handsontable/handsontable/labels/Guess:%20a%20day%20or%20more","name":"Guess: a day or more","color":"d4c5f9"},{"url":"https://api.github.com/repos/handsontable/handsontable/labels/Priority:%20high","name":"Priority: high","color":"e11d21"}],"state":"open","locked":false,"assignee":{"login":"jansiegel","id":7397134,"avatar_url":"https://avatars.githubusercontent.com/u/7397134?v=3","gravatar_id":"","url":"https://api.github.com/users/jansiegel","html_url":"https://github.com/jansiegel","followers_url":"https://api.github.com/users/jansiegel/followers","following_url":"https://api.github.com/users/jansiegel/following{/other_user}","gists_url":"https://api.github.com/users/jansiegel/gists{/gist_id}","starred_url":"https://api.github.com/users/jansiegel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jansiegel/subscriptions","organizations_url":"https://api.github.com/users/jansiegel/orgs","repos_url":"https://api.github.com/users/jansiegel/repos","events_url":"https://api.github.com/users/jansiegel/events{/privacy}","received_events_url":"https://api.github.com/users/jansiegel/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/handsontable/handsontable/milestones/48","html_url":"https://github.com/handsontable/handsontable/milestones/0.16.2","labels_url":"https://api.github.com/repos/handsontable/handsontable/milestones/48/labels","id":1202113,"number":48,"title":"0.16.2","description":"","creator":{"login":"krzysztofspilka","id":8048526,"avatar_url":"https://avatars.githubusercontent.com/u/8048526?v=3","gravatar_id":"","url":"https://api.github.com/users/krzysztofspilka","html_url":"https://github.com/krzysztofspilka","followers_url":"https://api.github.com/users/krzysztofspilka/followers","following_url":"https://api.github.com/users/krzysztofspilka/following{/other_user}","gists_url":"https://api.github.com/users/krzysztofspilka/gists{/gist_id}","starred_url":"https://api.github.com/users/krzysztofspilka/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/krzysztofspilka/subscriptions","organizations_url":"https://api.github.com/users/krzysztofspilka/orgs","repos_url":"https://api.github.com/users/krzysztofspilka/repos","events_url":"https://api.github.com/users/krzysztofspilka/events{/privacy}","received_events_url":"https://api.github.com/users/krzysztofspilka/received_events","type":"User","site_admin":false},"open_issues":30,"closed_issues":1,"state":"open","created_at":"2015-07-10T08:53:52Z","updated_at":"2015-07-27T10:51:43Z","due_on":"2015-07-29T22:00:00Z","closed_at":null},"comments":7,"created_at":"2014-09-12T10:29:52Z","updated_at":"2015-07-28T07:33:38Z","closed_at":null,"body":"Hello Everybody,\r\n\r\nAs many of you, I'm facing many of these vertical scroll issues... Basically, when using vertical scrollbar in IE or FF I can always see jumping column headers, misaligned rows and misplaced fixed columns. Believe me this makes really bad impression on the users... \r\nFF shows only short-living \"1px\" misalignments, IE is consistently broken and only Chrome is handling the vertical scrolling properly,.\r\n\r\nTechnically, the 'delayed update of a position' problem is clearly visible when the scroll handler is a relatively long running function (more than a couple of ms) and you've got a mixture of fixed/relative elements to be positioned... Unfortunately, HOT is drawing all elements from the scratch inside such a handler, so that it's not suprising that it takes 100-250ms to handle a single scroll event.\r\n\r\nPlease run the [jsfiddle demo][1] on different browsers to see different reactions on vertical scrolling. It takes 1 scroll handler, 1 sleep function and a couple of divs to complete the picture.\r\n\r\n[1]:http://jsfiddle.net/rbtbar/1dudpeox/\r\n\r\nAll I can do now is to suggest to rework the internal structure of elements, so that either *wthider* is also 'fixed' (thus immune to the scrollbar position) or scrollbars are decoupled from the content and sit in a different branch of the DOM.\r\n\r\nBest Regards,\r\nRobert"},"comment":{"url":"https://api.github.com/repos/handsontable/handsontable/issues/comments/125483496","html_url":"https://github.com/handsontable/handsontable/issues/1761#issuecomment-125483496","issue_url":"https://api.github.com/repos/handsontable/handsontable/issues/1761","id":125483496,"user":{"login":"rbtbar","id":6705643,"avatar_url":"https://avatars.githubusercontent.com/u/6705643?v=3","gravatar_id":"","url":"https://api.github.com/users/rbtbar","html_url":"https://github.com/rbtbar","followers_url":"https://api.github.com/users/rbtbar/followers","following_url":"https://api.github.com/users/rbtbar/following{/other_user}","gists_url":"https://api.github.com/users/rbtbar/gists{/gist_id}","starred_url":"https://api.github.com/users/rbtbar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rbtbar/subscriptions","organizations_url":"https://api.github.com/users/rbtbar/orgs","repos_url":"https://api.github.com/users/rbtbar/repos","events_url":"https://api.github.com/users/rbtbar/events{/privacy}","received_events_url":"https://api.github.com/users/rbtbar/received_events","type":"User","site_admin":false},"created_at":"2015-07-28T07:33:37Z","updated_at":"2015-07-28T07:33:37Z","body":"Hi, apparently the issue still does exist in 0.16.1 (IE11, win7, i-7 3740QM at 2.7GHz, 16GB).\r\n\r\n![hot-0 16 1](https://cloud.githubusercontent.com/assets/6705643/8925835/4860b4f8-350b-11e5-9b31-5197845ce5f6.gif)\r\n\r\nRegards,\r\nrb\r\n"}}