New issue
Advanced search Search tips

Issue 674116 link

Starred by 3 users
Status: WontFix
Owner:
flackr@chromium.org
Closed: Aug 31
Cc:
flackr@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 3
Type: Bug



Sign in to add a comment

Overflow with perspective makes position: sticky misbehave

Project Member Reported by surma@chromium.org, Dec 14 2016 
Chrome Version: 57.0.2951.0 (Official Build) canary (64-bit)
OS: macOS 10.12.1

What steps will reproduce the problem?
(1) Open this JSBin https://jsbin.com/ribazeduti/2/edit?html,css,output
(2) Scroll inside blue box
(3) See red box move 

What is the expected result?
Red box should be sticking to top-right corner of the box

What happens instead?
Box moves downward when scrolling down

Scrolling on body instead of an overflow element or removing the perspective fixes this issue.

Comment 1 by radchenk...@gmail.com, Apr 5 2017 

overflow: hidden makes position: sticky misbehave

What steps will reproduce the problem?
(1) Open this CodePen https://codepen.io/AlexRad/pen/XMQpvq
(2) Scroll table content
(3) See grren box move in first column

What is the expected result?
Green box should be sticking to top at both columns.

What happens instead?
Box moves downward when scrolling down

Comment 2 by dtapu...@chromium.org, Aug 30

Components: Blink>Compositing

Comment 3 by schenney@chromium.org, Aug 30

Status: Available (was: Untriaged)

Comment 4 by flackr@chromium.org, Aug 31

Components: -Blink>Compositing Internals>Compositing>Scroll
Owner: flackr@chromium.org
Status: WontFix (was: Available)
The original report seems to no longer reproduce on 70.0.3524.2, closing as WontFix

Re #1, this should be filed as a separate bug, I created  issue 879428  but it is an interesting test case.
►

Sign in to add a comment