Bug 233802 - Element with position: sticky when changing the orientation of the screen the first time you scroll completely fly off the screen
Summary: Element with position: sticky when changing the orientation of the screen the...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: iPhone / iPad iOS 15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-12-02 23:28 PST by p_stas1997
Modified: 2021-12-09 23:29 PST (History)
3 users (show)

See Also:

Attachments
slow motion video (791.92 KB, video/mp4)
2021-12-02 23:28 PST, p_stas1997 		no flags Details
Screenshot (125.81 KB, image/png)
2021-12-02 23:31 PST, p_stas1997 		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 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>