Bug 199990 - position:sticky Chrome bug tracker header seems broken when scrolling
Summary: position:sticky Chrome bug tracker header seems broken when scrolling
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Simon Fraser (smfr)
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2019-07-21 10:32 PDT by Myles C. Maxfield
Modified: 2022-08-29 03:36 PDT (History)
7 users (show)

See Also:

Attachments
Video (7.68 MB, video/quicktime)
2019-07-21 10:32 PDT, Myles C. Maxfield 		no flags Details
Testcase (615 bytes, text/html)
2019-07-22 21:14 PDT, Simon Fraser (smfr) 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Myles C. Maxfield 2019-07-21 10:32:14 PDT 
See attached video.

https://bugs.chromium.org/p/chromium/issues/detail?id=800693
Comment 1 Myles C. Maxfield 2019-07-21 10:32:42 PDT 
Created attachment 374571 [details]
Video
Comment 2 Simon Fraser (smfr) 2019-07-22 11:45:59 PDT 
It's position:sticky.
Comment 3 Radar WebKit Bug Importer 2019-07-22 11:46:13 PDT 
<rdar://problem/53408604>
Comment 4 Simon Fraser (smfr) 2019-07-22 21:14:19 PDT 
Created attachment 374673 [details]
Testcase

Seems to happen because the sticky element is enclosed in a display:inline element.
Comment 5 Simon Fraser (smfr) 2019-07-22 21:19:36 PDT 
Actually any element between the root and the sticky break it.
Comment 6 Simon Fraser (smfr) 2019-07-22 21:36:43 PDT 
We're considering the anonymous block ancestor as the containing block, but the other browser don't.
Comment 7 Simon Fraser (smfr) 2019-07-22 21:37:08 PDT 
(In reply to Simon Fraser (smfr) from comment #5)
> Actually any element between the root and the sticky break it.

Ah, in all browsers. It breaks only in WebKit if the ancestor is inline.
Comment 8 Ahmad Saleem 2022-08-29 03:36:22 PDT 
I am unable to reproduce this bug in Safari Technology Preview 152, where the sticky header got stuck in viewport below its position.

It is behaving same as other browsers (Chrome Canary 107 and Firefox Nightly 106).

I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Please reopen with updated test case, if you think it is not fixed. Thanks!