[Webkit-unassigned] [Bug 227630] New: Drag image for draggable element is incorrect size when element has child outside of its bounds

[bugzilla-daemon at webkit.org]

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

            Bug ID: 227630
           Summary: Drag image for draggable element is incorrect size
                    when element has child outside of its bounds
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: iOS 14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: UI Events
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: darin.senneff at gmail.com

Created attachment 432799

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

Screen capture showing differently-sized drag images

When a drag action is initiated with a draggable element, a drag/ghost image appears as expected. 

In Safari on both iPadOS v14 and iOS v15beta, the drag image appears in the incorrect size and scale if the draggable element has a child that extends beyond its boundaries. That's certainly not expected.

In Safari 14 on MacOS, the drag image appears the correct size, but with some clipping of any child elements that extend beyond the draggable element's boundaries. Not sure if that's expected or not. 

On the demo page linked below, there's three draggable elements with various-sized child elements. When testing on iPadOS v14 or iOS v15, you'll notice the size of the drag images are different depending on if the child element extends beyond the parent's boundaries or not

Demo page: https://codepen.io/dsenneff/pen/cf04b68c626d7bb849986f0bfa870f94

Also attaching a screen capture video as well.

-- 
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/20210702/3e92fb97/attachment-0001.htm>