51148 2010-12-15 15:56:31 -0800 Overflow: auto failing to account for scrollbars after an element's size is increased 2012-03-30 12:12:34 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) All All RESOLVED DUPLICATE 71541 P2 Normal --- 0 mkbitbucket webkit-unassigned mitz mkbitbucket simon.fraser ssandela oldest_to_newest 322900 0 mkbitbucket 2010-12-15 15:56:31 -0800 This is relatively new bug that has cropped up in our application on Safari and Chrome in the last month. I've taken the very complex JS and HTML from our app and reproduced the bug in the attached html page (with some embedded JS). The basic scenario is this: We render a DIV (absolutely positioned, if that makes any difference) and give it a default size. The contents of that DIV (in this case an image) are loaded dynamically and can vary in size. When we get back the URL of the image, we put that into the DIV in an IMG tag, get its rendered height and width and then reset the size of the DIV to match. There is a lot math involved here because we want to make sure that if the image is too large to fit into the DIVs (which make up a form in our web application) we size the DIV so that it is completely visible on the screen, but the DIV should scroll so that the user can see their entire image. In most cases, the image will fit on the screen and there should be no scrollbars because the DIVs size exactly matches the image inside of it. This works perfectly in FF, IE and was working in the WebKit browsers until recently. The attached example reproduces the problem and the button implements our current, ugly workaround where we set the overflow: hidden, trigger a reflow and then set overflow: auto again. 322903 1 76703 mkbitbucket 2010-12-15 15:57:41 -0800 Created attachment 76703 Example of a resized element failing to remove unnecessary scrollbars when set to overflow: auto 590286 2 simon.fraser 2012-03-28 12:35:24 -0700 Would be good to know when this regressed. What's the first nightly build that shows the issue? 592378 3 ssandela 2012-03-30 12:12:34 -0700 *** This bug has been marked as a duplicate of bug 71541 *** 76703 2010-12-15 15:57:41 -0800 2010-12-15 15:57:41 -0800 Example of a resized element failing to remove unnecessary scrollbars when set to overflow: auto WebKit Scroll Bug.html text/html 1002 mkbitbucket PGh0bWw+CjxoZWFkPgoJPHNjcmlwdCBsYW5ndWFnZT0iamF2YXNjcmlwdCI+CglmdW5jdGlvbiBo YW5kbGVMb2FkKCkgewoJCXZhciBpY29uTm9kZSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJp Y29uIik7CgkJdmFyIGljb25XcmFwcGVyTm9kZSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJp Y29uV3JhcHBlciIpOwoJCWljb25XcmFwcGVyTm9kZS5zdHlsZS5oZWlnaHQgPSBpY29uTm9kZS5o ZWlnaHQgKyAicHgiOwoJCWljb25XcmFwcGVyTm9kZS5zdHlsZS53aWR0aCA9IGljb25Ob2RlLndp ZHRoICsgInB4IjsKCX0KCWZ1bmN0aW9uIGZpeFNjcm9sbEJhcnMoKSB7CgkJdmFyIGljb25Ob2Rl ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImljb24iKTsKCQl2YXIgaWNvbldyYXBwZXJOb2Rl ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImljb25XcmFwcGVyIik7CgkJaWNvbldyYXBwZXJO b2RlLnN0eWxlLm92ZXJmbG93ID0gImhpZGRlbiI7CgkJdmFyIGR1bW15ID0gaWNvbk5vZGUuaGVp Z2h0OwoJCWljb25XcmFwcGVyTm9kZS5zdHlsZS5vdmVyZmxvdyA9ICJhdXRvIjsKCX0KCTwvc2Ny aXB0Pgo8L2hlYWQ+Cjxib2R5IG9ubG9hZD0iaGFuZGxlTG9hZCgpOyI+CjxkaXYgc3R5bGU9Indp ZHRoOiAzMDA7IGhlaWdodDogMzAwcHg7IGJhY2tncm91bmQtY29sb3I6ICNGRjAwMDA7Ij4KCTxk aXYgaWQ9Imljb25XcmFwcGVyIiBzdHlsZT0ib3ZlcmZsb3cteTogYXV0bzsgb3ZlcmZsb3cteDog YXV0bzsgcG9zaXRpb246IGFic29sdXRlOyB0b3A6IDMwcHg7IGxlZnQ6IDMwcHg7IGhlaWdodDog MTAwcHg7IHdpZHRoOiAxMDBweDsgYmFja2dyb3VuZC1jb2xvcjogI0ZGRkZGRjsiPgoJCTxpbWcg aWQ9Imljb24iIHNyYz0iaHR0cDovL3dlYmtpdC5vcmcvaW1hZ2VzL2ljb24tZ29sZC5wbmciPgoJ PC9kaXY+CjwvZGl2Pgo8YnV0dG9uIG9uY2xpY2s9ImZpeFNjcm9sbEJhcnMoKTsiPkZpeCBTY3Jv bGxiYXJzPC9idXR0b24+CjwvYm9keT4KPC9odG1sPgoK