Bug 247130

Summary:	Elements with `position: sticky` jitter inside a container with `overflow-x: clip;`
Product:	WebKit	Reporter:	Matias <m>
Component:	Scrolling	Assignee:	Simon Fraser (smfr) <simon.fraser>
Status:	RESOLVED FIXED
Severity:	Normal	CC:	bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 16
Hardware:	All
OS:	Unspecified

Description Matias 2022-10-27 09:18:59 PDT

When you put an element with `position: sticky` inside a container that has `overflow-x: clip;` the position of the sticky element behaves erratically when scrolling. It jumps up and down by 1-2px.

Reproduction: https://codepen.io/enyo/pen/xxzboep

Comment 1 Radar WebKit Bug Importer 2022-10-27 12:20:46 PDT

<rdar://problem/101645570>

Comment 2 Simon Fraser (smfr) 2022-11-11 10:11:27 PST

We've got a clipping layer with infinite height:

                        (GraphicsLayer 0x6631351f0 "ancestor clipping"
                          (position 109.00 -16777216.00)
                          (bounds 600.00 33554430.00)

Comment 3 Simon Fraser (smfr) 2022-11-11 17:25:26 PST

Pull request: https://github.com/WebKit/WebKit/pull/6417

Comment 4 EWS 2022-11-13 08:50:53 PST

Committed 256618@main (854716970c07): <https://commits.webkit.org/256618@main>

Reviewed commits have been landed. Closing PR #6417 and removing active labels.