New issue
Advanced search Search tips

Issue 752022 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Bug

Blocked on:
issue 752095



Sign in to add a comment

Scrollable area height should be calculated after positioning sticky position elements

Project Member Reported by flackr@chromium.org, Aug 3 2017

Issue description

See the tests at http://jsbin.com/torisa/edit?html,css,js,output

According to the css position 3 spec, sticky position offset should be allowed to cause overflow but the UA must allow accessing this content: https://www.w3.org/TR/css-position-3/#sticky-pos

We should be able to fix this in Chrome by constructing the constraints during the layout walk and on bubbling back up to the ancestor with overflow, positioning the sticky position elements before checking determining the overflow size.
 
Note, this will also require that we position the sticky position element as if the scroll is at 0, for the purposes of growing the scrollable area so that a subsequent relayout would not cause the scrollable region to grow again.
Blockedon: 752095
Project Member

Comment 3 by bugdroid1@chromium.org, Dec 14 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/cc60eca887ee39502cdf8bc73548f3746d776fda

commit cc60eca887ee39502cdf8bc73548f3746d776fda
Author: Robert Flack <flackr@chromium.org>
Date: Thu Dec 14 13:14:50 2017

Add wpt test for sticky position causing overflow

By spec (https://www.w3.org/TR/css-position-3/#sticky-pos) a sticky position
offset can cause overflow but must be capable of being scrolled to. Despite
not working in Chrome yet this adds web platform tests for this.

BUG=752022

Change-Id: I3bc8b384e4459cd4d1498f64c376e764fba71091
Reviewed-on: https://chromium-review.googlesource.com/825165
Reviewed-by: Stephen McGruer <smcgruer@chromium.org>
Commit-Queue: Robert Flack <flackr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#524052}
[modify] https://crrev.com/cc60eca887ee39502cdf8bc73548f3746d776fda/third_party/WebKit/LayoutTests/TestExpectations
[add] https://crrev.com/cc60eca887ee39502cdf8bc73548f3746d776fda/third_party/WebKit/LayoutTests/external/wpt/css/css-position/position-sticky-offset-overflow.html

Are you still intending to work on this flackr?

Sign in to add a comment