Bug 108078
| Summary: | HTML5 draggable=true elements are cut off when using -webkit-transform: rotate() | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ian Taylor <ian.b.taylor> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | bfulgham, ian.grunert, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac (Intel) | ||
| OS: | OS X 10.8 | ||
| URL: | http://jsfiddle.net/itaylor/8aQsJ/ | ||
| See Also: |
https://bugs.webkit.org/show_bug.cgi?id=246734 https://bugs.webkit.org/show_bug.cgi?id=22787 |
||
Ian Taylor
This occurs in both Safari 6.0.2 (8536.26.17) and Chrome 24.0.1312.56 on Mac OS 10.8
When you use draggable=true on an element that has a -webkit-transform:rotate() style applied, the dragged element is clipped incorrectly.
To reproduce:
1. Visit http://jsfiddle.net/itaylor/8aQsJ/
2. Drag the pink "Drag Me" box
3. The dragged element's height and width do not take the rotation into account and the drag element is cut off. <-Bug
Firefox 18 with the equivalent -moz-transform:rotate() property properly renders the draggable item.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Brent Fulgham
This continues to be an issue in Safari 15.
Radar WebKit Bug Importer
<rdar://problem/96971746>
Simon Fraser (smfr)
Fixed via bug 318055.
*** This bug has been marked as a duplicate of bug 318055 ***