108078 2013-01-28 06:28:59 -0800 HTML5 draggable=true elements are cut off when using -webkit-transform: rotate() 2025-08-04 20:54:46 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.8 NEW https://bugs.webkit.org/show_bug.cgi?id=246734 https://bugs.webkit.org/show_bug.cgi?id=22787 http://jsfiddle.net/itaylor/8aQsJ/ InRadar P2 Normal --- 1 ian.b.taylor webkit-unassigned bfulgham ian.grunert webkit-bug-importer oldest_to_newest 817722 0 ian.b.taylor 2013-01-28 06:28:59 -0800 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. 1883295 1 bfulgham 2022-07-13 13:55:11 -0700 This continues to be an issue in Safari 15. 1883296 2 webkit-bug-importer 2022-07-13 13:55:22 -0700 <rdar://problem/96971746>