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 | ||
Matias
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/101645570>
Simon Fraser (smfr)
We've got a clipping layer with infinite height:
(GraphicsLayer 0x6631351f0 "ancestor clipping"
(position 109.00 -16777216.00)
(bounds 600.00 33554430.00)
Simon Fraser (smfr)
Pull request: https://github.com/WebKit/WebKit/pull/6417
EWS
Committed 256618@main (854716970c07): <https://commits.webkit.org/256618@main>
Reviewed commits have been landed. Closing PR #6417 and removing active labels.