Bug 173701 - position: sticky does odd things when inside a fixed contaner that is also inside a UIWebView
Summary: position: sticky does odd things when inside a fixed contaner that is also in...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-06-22 01:15 PDT by Tamás Bene
Modified: 2021-09-20 01:03 PDT (History)
4 users (show)

See Also:

Attachments
Demonstration of the bug (54.05 KB, text/html)
2017-06-22 01:15 PDT, Tamás Bene 		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 Tamás Bene 2017-06-22 01:15:35 PDT 
Created attachment 313596 [details]
Demonstration of the bug

position: sticky will make an element "fly away" when scrolling if it is inside a fixed container that is inside a UIWebView.

This causes inconsistent rendering on iOS, as a sticky header in a sidebar will work perfectly when viewed raw through Safari, but fall apart when added to the home screen or compiled in PhoneGap, as those seem to use UIWebView.

Example attached as html file.

To see the odd behavior, add it to the home screen on any iOS device.

Tested on iPhone 5C iOS 10.3.2, iPad Pro 10.3.2.
Comment 1 Radar WebKit Bug Importer 2017-06-22 23:34:57 PDT 
<rdar://problem/32942266>
Comment 2 Martin Robinson 2021-09-20 01:03:39 PDT 
I'm not seeing this behavior with the simulator. Is it still an issue on iOS devices?