Bug 263004 - Sticky element flickers when scrolling to the bottom of the page
Summary: Sticky element flickers when scrolling to the bottom of the page
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Scrolling (show other bugs)
Version: Safari 17
Hardware: iPhone / iPad iOS 17
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-10-11 00:40 PDT by pava
Modified: 2023-10-18 07:14 PDT (History)
3 users (show)

See Also:

Attachments
Video demo (1.52 MB, video/mp4)
2023-10-11 00:40 PDT, pava 		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 pava 2023-10-11 00:40:10 PDT 
Created attachment 468169 [details]
Video demo

I have a sticky header that I click to scroll to the bottom of the page. When this happens, the sticky header flickers (quickly appears/disappears).

I attached a video demo. You can also check a live version here: https://iampava.github.io/safari-flicker-bug-sticky/

Code: https://github.com/iampava/safari-flicker-bug-sticky
Comment 1 Simon Fraser (smfr) 2023-10-11 17:06:21 PDT 
This is about the fact that we think the sticky item is not visible in the viewport for a frame when we do a programmatic scroll. It's a little tricky to fix (there's another internal report rdar://108008453).
Comment 2 Radar WebKit Bug Importer 2023-10-18 00:41:14 PDT 
<rdar://problem/117119241>