Bug 263004

Summary:

Sticky element flickers when scrolling to the bottom of the page

Product:

WebKit

Reporter:

pava

Component:

Scrolling

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

bugs.webkit.org, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 17

Hardware:

iPhone / iPad

OS:

iOS 17

Attachments:

Description	Flags
Video demo	none

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>