RESOLVED CONFIGURATION CHANGED 101834
"position:fixed;" with bottom breaks with "-webkit-transform-style:preserve-3d" 
https://bugs.webkit.org/show_bug.cgi?id=101834
Summary "position:fixed;" with bottom breaks with "-webkit-transform-style:preserve-3d"
HTeuMeuLeu
Reported 2012-11-10 01:20:22 PST
When a parent element has the property "-webkit-transform-style:preserve-3d;" set, a "position:fixed;" with a bottom value no longer works on Chrome 23 or Safari 5. In Chrome, the fixed element is out of the viewport. In Safari, it behaves as an absolute positionned element. If we remove the "webkit-transform-style" property, it works back to normal. It also works correctly if we use a "top" instead of a "bottom" for the fixed element. See this simple demo : http://jsfiddle.net/hteumeuleu/enNYz/
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2012-11-11 09:58:36 PST
I think this is a dup. It happens because RenderObject::hasTransform() includes preserve-3d, confusingly.
Ahmad Saleem
Comment 2 2022-09-12 09:32:34 PDT
Updated JSFiddle to remove -webkit- and all browsers (Safari Technology Preview 153, Chrome Canary 107 and Firefox Nightly 106) render this same. Changing status to "RESOLVED CONFIGURATION CHANGED". Please reopen, if this still exist with updated test case. Thanks!
Ahmad Saleem
Comment 3 2022-09-12 09:32:50 PDT
(In reply to Ahmad Saleem from comment #2) > Updated JSFiddle to remove -webkit- and all browsers (Safari Technology > Preview 153, Chrome Canary 107 and Firefox Nightly 106) render this same. > > Changing status to "RESOLVED CONFIGURATION CHANGED". Please reopen, if this > still exist with updated test case. Thanks! https://jsfiddle.net/fgnL9eqc/show ^ Updated JSFiddle
Note You need to log in before you can comment on or make changes to this bug.