Bug 101834
| Summary: | "position:fixed;" with bottom breaks with "-webkit-transform-style:preserve-3d" | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | HTeuMeuLeu <remi> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, dino, simon.fraser |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | http://jsfiddle.net/hteumeuleu/enNYz/ | ||
HTeuMeuLeu
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)
I think this is a dup. It happens because RenderObject::hasTransform() includes preserve-3d, confusingly.
Ahmad Saleem
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
(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