101834 2012-11-10 01:20:22 -0800 "position:fixed;" with bottom breaks with "-webkit-transform-style:preserve-3d" 2022-09-12 09:32:50 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED http://jsfiddle.net/hteumeuleu/enNYz/ P2 Normal --- 1 remi webkit-unassigned ahmad.saleem792 dino simon.fraser oldest_to_newest 763622 0 remi 2012-11-10 01:20:22 -0800 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/ 763859 1 simon.fraser 2012-11-11 09:58:36 -0800 I think this is a dup. It happens because RenderObject::hasTransform() includes preserve-3d, confusingly. 1897894 2 ahmad.saleem792 2022-09-12 09:32:34 -0700 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! 1897895 3 ahmad.saleem792 2022-09-12 09:32:50 -0700 (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