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:	NEW
Severity:	Normal	CC:	bfulgham, ian.grunert, 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

Reported 2013-01-28 06:28:59 PST

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

Comment 1 2022-07-13 13:55:11 PDT

This continues to be an issue in Safari 15.

Radar WebKit Bug Importer

Comment 2 2022-07-13 13:55:22 PDT

<rdar://problem/96971746>

Note You need to log in before you can comment on or make changes to this bug.