Bug 99477
| Summary: | Safari Perspective Issue | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | CJ Gammon <gammon> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | achicu, bfulgham, dino, mvujovic, tomasloon, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac | ||
| OS: | OS X 10.8 | ||
| URL: | http://jsfiddle.net/cjgammon/HNtRQ/5/ | ||
CJ Gammon
Given the scenario in this jsfiddle: http://jsfiddle.net/cjgammon/HNtRQ/5/
A series of nested elements with preserve-3d and various transformations do not render correctly in Safari.
Safari renders these inconsistently with other browsers. Chrome and Firefox seem to render these correctly. It is also interesting to note, if selecting these elements in the inspector, the highlighted area seems to be in the correct position.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Tomas Roggero
Probably the same bug in this codepen https://codepen.io/tomasdev/pen/rpMyEz
Reference is the size that Chrome shows (consistent) whereas webkit perspective makes things "zoom in"
Brent Fulgham
WebKit does not seem to handle this case properly.
Radar WebKit Bug Importer
<rdar://problem/96963419>