NEW 246734
Drag preview images for draggable elements are broken when a CSS transform is impacting the draggable element 
https://bugs.webkit.org/show_bug.cgi?id=246734
Summary Drag preview images for draggable elements are broken when a CSS transform is...
alexreardon
Reported 2022-10-18 22:44:19 PDT
Created attachment 463075 [details] Screenshot of broken drag preview ## Background When dragging a draggable element (an element with `draggable="true"`) the browser will generate a drag preview (or "drag image") of the draggable element when dragging. The drag preview is a picture of the draggable element. ## Problem If a CSS transform is applied to the draggable element, or a parent of the draggable element, then the drag preview can be rendered incorrectly - Standalone demo: https://codesandbox.io/s/transform-on-draggable-for-safari-bug-zy3czk?file=/src/styles.css:811-881
Attachments
Screenshot of broken drag preview (67.28 KB, image/png)
2022-10-18 22:44 PDT, alexreardon 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
alexreardon
Comment 1 2022-10-18 22:50:03 PDT
This issue appears to be related to: https://bugs.webkit.org/show_bug.cgi?id=108078 Note: this issue _only_ occurs in Safari. Drag preview generation works as expected in Chrome and Firefox - ✅ Chrome 106.0.5249.119 - ✅ Firefox 105.0.3 - ❌ Safari 16.0 - ❌ Safari Technology Preview Release 155
Radar WebKit Bug Importer
Comment 2 2022-10-25 22:45:18 PDT
<rdar://problem/101575886>
Note You need to log in before you can comment on or make changes to this bug.