Bug 47372 – Vertical scroll bar appearing at weird times during resize

• Component: CSS
• Status: NEW

I am not really sure what is causing this problem, but I have attached an HTML file that shows it.

This issue exists in Safari, Chrome, the latest nightly build of Webkit on Windows XP 32bit.  I was also told that the problem can be reproduced in Safari for Mac OSX.

If you resize your browser shorter by grabbing the bottom edge, the page will render strangely.  A vertical scrollbar will appear.

However, if you resize it taller, scrollbar disappears and renders correctly.

You must grab the edge of the browser and not the corner because the corner causes the content to resize without any problems.

This could be related to the "min-height: 100%" CSS property, or it could be related to the Flexible Box Model CSS properties.

I was told that there isn't an issue in UBUNTU, but I cannot personally verify because I do not have a Linux OS installed.

-Neil

Created attachment 70139 [details]
An HTML file illustrating the vertical resize issue.

I seem to have fixed the problem by adding an additional CSS property.

I added "-webkit-box-flex: 1;" to the ".wrapper" style.

That fixed the vertical resizing issue.

[Ahmad Saleem]

I am able to reproduce this issue of vertical scrollbar showing as flickering artefact while resizing diagonally in WebKit ToT (260566@main). It seems to not happen in "Chrome Canary 112. Just wanted to update latest testing results. Thanks!

Changing from "Unconfirmed" to "New".