Bug 198472 – WebKit suppresses vertical scrollable overflow from rotated element if there's a short container element

• Status: NEW
• Component: Layout and Rendering

[Daniel Holbert]

(Blink/Chromium version of this bug: https://bugs.chromium.org/p/chromium/issues/detail?id=969564 )

STR
(1) Load this testcase: https://jsfiddle.net/jkcyLdxv/

EXPECTED RESULTS:
Both of the black-bordered scrolalble divs should have a vertical scrollbar (and should allow themselves to be scrolled vertically).

ACTUAL RESULTS:
The first div does not have a vertical scrollbar & does not allow itself to be scrolled vertically.


The only difference between the two divs is that the first one has a fixed-size wrapper around its contents.  This shouldn't matter from the perspective of scrollable overflow, because a fixed 'height' doesn't prevent descendants from creating vertical scrollable overflow that an ancestor scrollport ends up being responsible for scrolling.

Firefox and Edge give "expected result".  Chrome and Safari give the unexpected "actual results".

[Daniel Holbert]

(I'm testing using Safari 12 on macOS Mojave.)

[Radar WebKit Bug Importer]

<rdar://problem/51356318>

[Ahmad Saleem]

I am able to reproduce this bug using JSFiddle from Comment 0 and it does not show "vertical scrollbar" for first div and similar is the case with Chrome Canary 110 while Firefox Nightly 109 show both container with same scrollbars and positions.

Just wanted to share update testing results. Thanks!

[Ahmad Saleem]

(In reply to Ahmad Saleem from comment #3)
> I am able to reproduce this bug using JSFiddle from Comment 0 and it does
> not show "vertical scrollbar" for first div and similar is the case with
> Chrome Canary 110 while Firefox Nightly 109 show both container with same
> scrollbars and positions.
> 
> Just wanted to share update testing results. Thanks!

Safari 16.1 & STP 159 both show this bug.