Bug 233802

Summary:

Element with position: sticky when changing the orientation of the screen the first time you scroll completely fly off the screen

Product:

WebKit

Reporter:

p_stas1997

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

simon.fraser, webkit-bug-importer, wenson_hsieh

Priority:

Keywords:

InRadar

Version:

Safari 15

Hardware:

iPhone / iPad

OS:

iOS 15

Attachments:

Description	Flags
slow motion video	none
Screenshot	none

Description p_stas1997 2021-12-02 23:28:32 PST

Created attachment 445814 [details]
slow motion video

Element with position: sticky at the first scroll after loading the page (also when changing the screen orientation) can partially or completely fly off the screen

See attached slow motion video and screenshot 

To notice this, turn on the screen recording and watch each frame.
Check it https://jsfiddle.net/emhgb9wq/2/
iOS 15.0.2

Comment 1 p_stas1997 2021-12-02 23:31:38 PST

Created attachment 445815 [details]
Screenshot

Comment 2 Radar WebKit Bug Importer 2021-12-09 23:29:21 PST

<rdar://problem/86309703>