Bug 239946

Summary: [css-overflow] an element's scrolling area must include the margin bottom of its last descendant
Product: WebKit Reporter: Gérard Talbot (no longer involved) <browserbugs2>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar, WPTImpact
Version: Safari 15   
Hardware: All   
OS: macOS 11   
URL: http://wpt.live/css/css-overflow/margin-block-end-scroll-area-001.html

Description Gérard Talbot (no longer involved) 2022-05-01 13:07:56 PDT
Description
- - - - - -
The bottom edge of an element's scrolling area is the bottom margin edge of all of the element's descendants boxes. Therefore, an element's scrolling area height must include the margin bottom of its last descendant.


Tests
-----

WPT Test:
http://wpt.live/css/css-overflow/margin-block-end-scroll-area-001.html


Reference:
http://wpt.live/css/css-overflow/reference/ref-if-there-is-no-red.xht


Test results:
https://wpt.fyi/results/css/css-overflow/margin-block-end-scroll-area-001.html?label=master

https://wpt.fyi/results/css/css-overflow/margin-block-end-scroll-area-001.html?label=experimental


Blink equivalent bug report:
https://bugs.chromium.org/p/chromium/issues/detail?id=750992


The test fails with Epiphany 3.38.2 (WebKitGTK 2.36.0).

A green-versus-red variation of the test above:

http://www.gtalbot.org/BrowserBugsSection/CSS3LogicalProps/margin-block-end-scroll-area-002.html


Related specs
- - - - - - -

2.2 Scrollable Overflow
https://www.w3.org/TR/css-overflow-3/#scrollable

6. Extensions to the Element Interface; scrollTop attribute
https://www.w3.org/TR/cssom-view-1/#dom-element-scrolltop

Scrolling area definition
https://www.w3.org/TR/cssom-view-1/#scrolling-area
Comment 1 Radar WebKit Bug Importer 2022-05-08 13:08:18 PDT
<rdar://problem/92928629>