Bug 119971

Summary: If the element's parent has position=fixed and perspective styles, it won't inherit parent's position=fixed style unless it has CSS transform style.
Product: WebKit Reporter: Rui Zou <zrxldl>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, rniwa, simon.fraser, zalan
Priority: P3    
Version: 528+ (Nightly build)   
Hardware: PC   
OS: Windows 7   
Attachments:
Description Flags
perspective demo none

Rui Zou
Reported 2013-08-17 23:22:29 PDT
If the element's parent has position=fixed and perspective styles, it won't inherit parent's position=fixed style unless it has CSS transform style. Steps to reproduce: 1. Open the attached test files and try it on latest Chrome or Opera. 2. Scroll the scrollbar. Expected results: 1. The green element is fixed in the window. Actual results: 2. The green element isn't fixed in the window.
Attachments
perspective demo (1.57 KB, patch)
2013-08-17 23:27 PDT, Rui Zou 		no flags
DetailsFormatted DiffDiff
View All Add attachment proposed patch, testcase, etc.
Rui Zou
Comment 1 2013-08-17 23:27:17 PDT
Created attachment 209018 [details] perspective demo
Ahmad Saleem
Comment 2 2022-07-24 13:21:20 PDT
I am unable to reproduce this bug using the demo code from attached and changing it into JSFiddle: Link - https://jsfiddle.net/56b2suo0/show In Safari 15.6, I see "green" box with "red" tilted square and when scrolled, they remain on same place, which matches wit all other browsers (Chrome Canary 106 and Firefox Nightly 104). I think it was fixed along the way and this can be marked as "RESOLVED CONFIGURATION CHANGED". Thanks!
Note You need to log in before you can comment on or make changes to this bug.