Bug 173701

Summary: position: sticky does odd things when inside a fixed contaner that is also inside a UIWebView
Product: WebKit Reporter: Tamás Bene <uniemperor>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: cigitia, mrobinson, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Demonstration of the bug none

Tamás Bene
Reported 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.
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 attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2017-06-22 23:34:57 PDT
<rdar://problem/32942266>
Martin Robinson
Comment 2 2021-09-20 01:03:39 PDT
I'm not seeing this behavior with the simulator. Is it still an issue on iOS devices?
Note You need to log in before you can comment on or make changes to this bug.