Rendering error covers entire screen with scrollbar

[[email protected]…]

After dynamically adding a DOM element that increases the vertical scroll of a page, then removing it, the scrollbar renders wrong and covers the entire page.

This only happens in Chrome (I'm using the newest version). You can repeat the issue easily by downloading ​http://pastebin.com/wB6pMzhw as a .html file, launching it, then clicking 'Create' followed by 'Destroy'. The issue is also mentioned here: ​http://stackoverflow.com/questions/14498552/white-box-in-chrome-covers-page/14822132#14822132.

This is my first bug report, so if you need more information let me know.

[anonymous]

I should note a few things more. 1) I'm using Windows 7 2) My Chrome version is 24.0.1312.56 m 3) This only occurs when chrome is maximized 4) My screen resolution is 1280 x 1024 5) I can reproduce the error on other Windows boxes Sorry about hastily making the ticket.

[dmethvin]

There's not a lot of jQuery there. Can you create a test case with plain DOM and verify that the problem only occurs when the work is done by jQuery?

[anonymous]

Replying to dmethvin:

There's not a lot of jQuery there. Can you create a test case with plain DOM and verify that the problem only occurs when the work is done by jQuery?

Yes, and you know what I tried repeating this on another machine and got no luck, not even one with the same resolution monitor. I'm going to try to create a test case that works on every resolution/Windows box. Thanks for looking into this.

[[email protected]…]

You can resolve this issue, I believe it's a problem with Chrome, based on reports from Stumbleupon users having the same issue. Thanks.