[Webkit-unassigned] [Bug 246734] New: Drag preview images for draggable elements are broken when a CSS transform is impacting the draggable element

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Oct 18 22:44:19 PDT 2022


https://bugs.webkit.org/show_bug.cgi?id=246734

            Bug ID: 246734
           Summary: Drag preview images for draggable elements are broken
                    when a CSS transform is impacting the draggable
                    element
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: alexreardon at gmail.com

Created attachment 463075

  --> https://bugs.webkit.org/attachment.cgi?id=463075&action=review

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221019/d3941288/attachment.htm>


More information about the webkit-unassigned mailing list